body {
    font-family: IBM Plex Mono, sans-serif;
    line-height: 20px;
  }
  
  h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  
  h4 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  p {
    margin-bottom: 10px;
  }
  
  a {
    min-height: 8px;
    max-height: 32px;
    text-decoration: none;
    transition: color .3s;
  }
  
  a:hover {
    color: #07f;
  }
  
  ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
  }
  
  li {
    padding-bottom: 20px;
  }
  
  .c_section.spaced {
    margin-top: 100px;
  }
  
  .c_section.darker {
    background-color: #ffd98626;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  
  .c_container {
    width: 90%;
    max-width: 1200px;
    min-height: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  
  .c_container.small600px {
    max-width: 600px;
  }
  
  .c_container._760 {
    width: 70%;
    max-width: 760px;
  }
  
  .c_container.event {
    margin-top: 40px;
  }
  
  .c_container.padded {
    padding: 40px;
  }
  
  .body {
    background-color: #1f1f1f;
  }
  
  .c_title {
    align-items: center;
    font-family: IBM Plex Mono, sans-serif;
    display: flex;
  }
  
  .s_txt_title_big {
    color: var(--cornflower-blue);
    text-align: left;
    padding-bottom: 6px;
    font-family: IBM Plex Mono, sans-serif;
    font-size: 44px;
    line-height: 120%;
  }
  
  .c_texthero {
    color: var(--cornflower-blue);
    padding-top: 20px;
    padding-bottom: 4px;
    padding-left: 24px;
  }
  
  .c_style {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .c_style.hide {
    display: none;
  }
  
  .heading {
    font-family: Space Mono, sans-serif;
  }
  
  .paragraph-2 {
    font-weight: 400;
  }
  
  .c_2col_hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    align-items: start;
    min-height: 600px;
    margin-bottom: 64px;
    padding-top: 64px;
    display: flex;
  }
  
  .col1-hero_text {
    flex-direction: column;
    justify-content: center;
    width: 50%;
    min-height: 600px;
    margin-top: 40px;
    padding-left: 24px;
    display: flex;
  }
  
  .col2hero-vid {
    border-radius: 200px;
    width: 50%;
    padding-top: 0;
  }
  
  .video {
    width: 100%;
    height: 100%;
    min-height: 640px;
    display: none;
  }
  
  .video.hide {
    display: none;
  }
  
  .s_hero_text {
    max-width: 360px;
    margin-bottom: 24px;
  }
  
  .c_2_col {
    max-width: 600px;
    margin: 0 auto 40px;
    padding-bottom: 0;
    display: flex;
  }
  
  .c_2_col.list {
    margin-top: 60px;
  }
  
  .c_col-50 {
    width: 50%;
  }
  
  .c_col-50.text {
    padding-right: 24px;
  }
  
  .c_4col {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .c_box_col {
    border: 3px solid var(--cornflower-blue);
    background-color: #6093ce1a;
    padding: 24px;
  }
  
  .txt_list {
    margin-top: 24px;
    line-height: 140%;
  }
  
  .who {
    margin-top: 80px;
    padding-bottom: 40px;
  }
  
  .quote {
    margin-left: auto;
    margin-right: auto;
    font-family: Space Mono, sans-serif;
    font-size: 32px;
    font-style: italic;
    line-height: 120%;
  }
  
  .list {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 130%;
  }
  
  .c_col_30-_cent {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .why {
    margin-top: 64px;
  }
  
  .c_footer {
    background-color: #6093ce1a;
    height: 200px;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 60px;
  }
  
  .div-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .c_vid_col {
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
  }
  
  .video-2 {
    width: 100%;
    height: 310px;
    min-height: 500px;
    max-height: 700px;
  }
  
  .rich-text-vid {
    display: none;
  }
  
  .txt_vid_descr {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 140%;
  }
  
  .c_contact_block {
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
  }
  
  .link {
    width: 100%;
  }
  
  .hide {
    display: none;
  }
  
  .c_event_title {
    padding-bottom: 64px;
  }
  
  .c_event_title.inset {
    padding-left: 64px;
  }
  
  .c_3col {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .txt_title_description {
    margin-top: 24px;
    font-size: 18px;
    line-height: 150%;
  }
  
  .img_logo {
    width: 240px;
  }
  
  .c_col_bottom {
    flex-direction: column;
    justify-content: center;
    width: 50%;
    display: flex;
  }
  
  .c_bottom-misc {
    padding-bottom: 24px;
  }
  
  .image {
    width: 80%;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .c_col_3col_l {
    background-color: #6093ce1a;
    border-radius: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 24px 32px;
    display: flex;
  }
  
  .c_col_3col_m {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .c_title_center {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .heading-2 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
  
  .img_logo_top {
    width: 80px;
    height: 80px;
  }
  
  .txt_title_section {
    font-size: 40px;
  }
  
  .txt_h3_events {
    font-size: 24px;
  }
  
  .html-embed {
    z-index: 2;
    border: 1px solid #fdfdef;
    border-radius: 0;
    margin-top: -5px;
    margin-left: -5px;
    position: relative;
  }
  
  .block_try {
    background-color: #fdfdef;
    width: 50px;
    height: 50px;
    margin-top: -50px;
    position: absolute;
  }
  
  .block_try._2 {
    margin-top: -400px;
    margin-left: 380px;
  }
  
  .c_vid_contain {
    width: 420px;
    height: 760px;
    overflow: hidden;
  }
  
  .c_outline {
    width: 450px;
    height: 770px;
    position: absolute;
  }
  
  .c_100 {
    width: 100%;
    height: 100%;
  }
  
  .c_titlecenter {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .bottom-mask {
    z-index: 10;
    background-image: url('../images/bottom.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 460px;
    height: 140px;
    margin-top: -100px;
    margin-left: -20px;
    margin-right: auto;
    position: relative;
  }
  
  .top-mask {
    z-index: 10;
    background-image: url('../images/top.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 435px;
    width: 440px;
    height: 100px;
    margin-top: 0;
    margin-bottom: -80px;
    margin-left: -20px;
    position: relative;
  }
  
  .button {
    background-color: var(--cornflower-blue);
    text-align: center;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 44px;
    min-height: 40px;
    max-height: 56px;
    font-size: 14px;
    transition-property: all;
    transition-duration: .3s;
    display: flex;
  }
  
  .button:hover {
    color: #fff;
    background-color: #6093cecc;
  }
  
  .left_later {
    z-index: 10;
    background-color: #fdfdef;
    width: 10px;
    height: 100%;
    margin-left: -6px;
    position: absolute;
    inset: 0% 0% auto;
  }
  
  .right_later {
    z-index: 10;
    background-color: #fdfdef;
    width: 20px;
    margin-right: 25px;
    position: absolute;
    inset: 0% 0% 0% auto;
  }
  
  
  .paragraph-3 {
    color: var(--hck-green);
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 150%;
  }
  
  .paragraph-3.sub {
    text-align: left;
  }
  
  .gird-2col {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 600px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  .c_card_tranps {
    padding: 24px;
  }
  
  .c_card_online {
    background-color: #0e0f0e;
    border: 1px solid #5353534d;
    width: 80%;
    max-width: 440px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px;
  }
  
  .c_card_online.transparent {
    background-color: #000;
    border-width: 0;
    margin-top: 0;
  }
  
  .c_card_online.title {
    padding-top: 0;
  }
  
  
  .hack-para {
    width: 100%;
    margin-bottom: 0;
  }
  
  .hck-divider {
    border-bottom: 2px dashed var(--hck-green);
    height: 8px;
    margin-top: 48px;
    margin-bottom: 48px;
  }
  
  .heading-3 {
    font-family: Bitter, serif;
  }
  
  .txt_ascii_online {
    flex: none;
    width: 280px;
    height: 110px;
    font-family: Space Mono, sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: none;
  }
  
  .hck_c_expl_center {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .hck-h2-telebam {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 24px;
    font-size: 40px;
  }
  
  .hck_p_center {
    text-align: center;
  }
  
  .hck_logo-online {
    width: 240px;
  }
  
  .hck_c_faq {
    margin-top: 80px;
  }
  
  .hck-links {
    color: var(--hck-highlight);
  }
  
  .hck-links:hover {
    color: #fff;
  }
  
  .hck-links.hc_center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  .hck_center_all {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .dsw_body {
    background-color: var(--dsw_black);
    color: #fff;
    font-family: Almendra, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
  }
  
  .gen_title-horiz-8-8 {
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
  }
  
  .gen_title-horiz-8-8.hck_ttl_first {
    margin-top: 80px;
  }
  
  .dsw_title-horiz-padded-hck {
    justify-content: center;
    align-items: center;
    padding: 36px 0;
    display: flex;
  }
  
  .dsw_para {
    font-family: Almendra, sans-serif;
    font-size: 18px;
    line-height: 140%;
  }
  
  .dsw_para.dsw_para_center {
    text-align: center;
    font-family: Almendra, sans-serif;
    font-size: 22px;
    line-height: 140%;
  }
  
  .dsw_slider {
    background-color: #ddd0;
    width: 100%;
    max-width: 690px;
    height: 100%;
    margin: 0 auto 40px;
  }
  
  .dsw_c_sliderbox {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 100px;
    display: flex;
  }
  
  .dsw-container-main {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .dsw-container-main.narrrow {
    max-width: 720px;
  }
  
  .dsw_icon_slider {
    opacity: .3;
    font-size: 60px;
    transition: opacity .3s;
  }
  
  .dsw_icon_slider:hover {
    opacity: 1;
  }
  
  .dsw_h2 {
    color: #1b0607;
    padding: 34px;
    font-family: Almendra, sans-serif;
    font-size: 26px;
    line-height: 150%;
  }
  
  .dsw_h2.center {
    text-align: center;
  }
  
  .dsw_logo {
    width: 360px;
  }
  
  .pad_top {
    height: 120px;
  }
  
  .slide-nav {
    opacity: .5;
    font-size: 8px;
  }
  
  .dsw_rich_text {
    font-family: Almendra, sans-serif;
  }
  
  .dsw_content {
    background-image: linear-gradient(#000, #1d0707 51%, #000);
    font-family: Almendra, sans-serif;
  }
  
  .dsw_richtext {
    min-height: 600px;
    display: none;
  }
  
  .clean-styles {
    max-width: 900px;
    margin: 60px auto;
  }
  
  .paragraph-5 {
    margin-top: 64px;
    margin-bottom: 64px;
    font-size: 42px;
    line-height: 160%;
  }
  
  .c_center_text {
    text-align: center;
  }
  
  .paragraph-6 {
    font-size: 24px;
  }
  
  .dsw_footer {
    background-color: #000000b3;
    min-height: 400px;
    margin-top: 100px;
  }
  
  .c_center_flex_vdrt {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 320px;
    display: flex;
  }
  
  .dsw_footer_links {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .styles-hide {
    display: none;
  }
  
  .dsw-tally {
    width: 100%;
    max-width: 600px;
    height: 100%;
    margin: 100px auto;
  }
  
  .div-block-2 {
    background-color: #b8b8b81a;
    border-radius: 20px;
    padding: 41px;
  }
  
  .img_scroll {
    z-index: -1;
    object-fit: contain;
    flex: none;
    width: 90%;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 0%;
  }
  
  .c_relative {
    justify-content: center;
    align-items: center;
    width: 690px;
    height: 480px;
    display: flex;
    position: relative;
  }
  
  @media screen and (max-width: 991px) {
    .c_container._760, .c_style {
      width: 80%;
    }
  
    .c_2col_hero {
      flex-direction: column;
      margin-left: auto;
      margin-right: auto;
    }
  
    .col1-hero_text {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }
  
    .col2hero-vid {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-top: 0;
    }
  
    .c_4col {
      grid-template-columns: 1fr 1fr;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
  
    .quote {
      font-size: 24px;
    }
  
    .c_event_title {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }
  
    .c_3col {
      grid-template-columns: 1fr;
    }
  
    .image {
      max-width: 160px;
    }
  
    .html-embed {
      width: 420px;
      height: 760px;
      margin-left: auto;
      margin-right: auto;
    }
  
    .c_vid_contain {
      margin-left: auto;
      margin-right: auto;
    }
  
    .left_later {
      width: 20px;
      margin-left: 2px;
    }
  
    .right_later {
      width: 30px;
      margin-right: 7px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .c_col-50 {
      width: 80%;
    }
  
    .c_contact_block {
      flex-direction: column;
      margin-bottom: 16px;
    }
  
    .c_col_bottom {
      width: 60%;
    }
  
    .text-block {
      padding-bottom: 8px;
    }
  
    .hckc_title-horiz.hck_ttl_first, .gen_title-horiz-8-8.hck_ttl_first {
      flex-flow: column;
    }
  
    .dsw_h2 {
      font-size: 24px;
    }
  
    .paragraph-5 {
      font-size: 30px;
    }
  }
  
  @media screen and (max-width: 479px) {
    .c_container {
      width: 85%;
    }
  
    .c_container._760, .c_container.event {
      width: 90%;
    }
  
    .c_container.maine {
      width: 100%;
      overflow: hidden;
    }
  
    .c_container.padded {
      width: 100%;
      padding-left: 24px;
      padding-right: 24px;
    }
  
    .c_title {
      flex-direction: column;
    }
  
    .s_txt_title_big {
      font-size: 40px;
    }
  
    .c_2col_hero {
      width: 100%;
      margin-bottom: 24px;
      padding-top: 24px;
      overflow: hidden;
    }
  
    .col1-hero_text {
      width: 90%;
      padding-left: 0;
    }
  
    .col2hero-vid {
      overflow: hidden;
    }
  
    .c_2_col, .c_2_col.list {
      flex-direction: column;
    }
  
    .c_col-50 {
      width: 100%;
    }
  
    .c_col-50.text {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-right: 0;
    }
  
    .c_4col {
      grid-template-columns: 1fr;
      width: 95%;
    }
  
    .quote {
      width: 95%;
      font-size: 24px;
    }
  
    .c_footer {
      padding-top: 0;
    }
  
    .c_event_title.inset {
      width: 100%;
      padding-left: 0;
    }
  
    .c_3col {
      grid-template-columns: 1fr;
    }
  
    .c_col_3col_l, .c_col_3col_m {
      width: 100%;
    }
  
    .c_title_center {
      padding-left: 8px;
    }
  
    .txt_title_section {
      margin-bottom: 56px;
      font-size: 40px;
    }
  
    .txt_h3_events {
      font-size: 23px;
    }
  
    .html-embed {
      border-radius: 0;
      width: 100%;
      margin-right: auto;
      overflow: hidden;
    }
  
    .c_vid_contain {
      width: 100%;
    }
  
    .c_outline {
      border-width: 0;
      width: 100%;
    }
  
    .bottom-mask, .top-mask {
      width: 100%;
      margin-left: 0;
    }
  
    .left_later {
      display: none;
    }
  
    .right_later {
      margin-right: 0;
      display: none;
    }
  
    .hck_c_2col {
      flex-flow: column;
    }
  
    .hck_c_2col.reverse {
      flex-flow: column-reverse;
    }
  
    .hck_cont-50 {
      width: 100%;
    }
  
    .hck-h2-telebam {
      margin-top: 60px;
    }
  
    .dsw_slider {
      height: 200%;
    }
  
    .dsw_c_sliderbox {
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .dsw_icon_slider {
      display: none;
    }
  
    .dsw_h2 {
      font-size: 18px;
    }
  
    .paragraph-5 {
      font-size: 26px;
    }
  
    .paragraph-6 {
      font-size: 20px;
    }
  
    .img_scroll {
      transform: rotate(90deg);
    }
  
    .c_relative {
      aspect-ratio: 1;
      height: 510px;
    }
  }