:root {
    --cornflower-blue: #6093ce;
    --hck-black: #1a1a1d;
    --hck-green: #3aff93;
    --hck-highlight: #c6ffdb;
    --khaki: #fff98f;
    --font-family: IBM Plex Mono, monospace, sans-serif;
    --line-height: 1.5;
    --primary-color: #03FF7D;
  }
  

  html {
    scroll-behavior: smooth;
  }

  
  
  .hck-body {
    background-color: var(--hck-black);
    color: var(--hck-green);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    font-family: 'IBM Plex Mono', monospace, sans-serif;
  }
  
  .hck-container-main {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .expl{
    margin-top: 16px;
    font-size: 13px;
    text-align: left;
  }


  .hck-border {
    border: 1px solid #3aff93; 
    padding: 40px;
  }

@media (max-width: 768px) {
  .hck-border {
      padding: 0 0 24px 0;
  }
}

  .hck-container-main.narrrow {
    max-width: 820px;
  }


  /* cont */
  .hck-container-main_narrrow_hist {
    max-width: 620px;
    width: 90%;
    margin: auto;
  }
  
  /* -------------IMG */
  .hck-container-main_narrrow_hist img {
    width: 90%;
    max-width: 520px;
    margin: auto;
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .hck-h1.hck-center {
    text-align: center;
    font-family: IBM Plex Mono, sans-serif;
    font-weight: 700;
  }
  
  .hck-h1-contain {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .hck-h1-contain.hck_firsth1 {
    margin-top: 0;
  }
  
  .hck-p {
    margin-left: auto;
    margin-right: auto;
  }
  
  .hck-p.hck-p-center-subtitle {
    text-align: center;
    margin-top: 32px;
  }
  
  .hck-subtitle {
    text-align: left;
    width: 100%;
    margin-top: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 140%;
  }
  
  .hck-subtitle.small {
    font-size: 22px;
  }
  
  .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;
  }
  

  .h3_center {
    text-align: center;
    width: 100%;
  }


  .hckc_title-horiz {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .hckc_title-horiz.hck_ttl_first {
    margin-top: 20px;
  }
  
  .hck_symbol {
    margin-top: 0;
    margin-left: 24px;
    margin-right: 24px;
    font-size: 20px;
    max-width: 100px;
  }

  @media screen and (max-width: 991px) {
    .hck_symbol {
      text-align: center;
      
    
    }
  }

  
  
  .text-span {
    color: #fff;
    font-weight: 700;
  }
  
  .hck_tally {
    color: #ffea00;
    width: 100%;
    max-width: 700px;
    margin: 60px auto;
  }
  
  .text-span-2 {
    color: #fff;
    font-weight: 700;
    line-height: 180%;
  }
  
  .text-span-3 {
    color: #fff;
  }
  

.hck_center_all {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}


  .hck_span-higlight {
    color: var(--hck-highlight);
    font-weight: 700;
  }
  
  .hck_c_footer {
    background-color: #0000001a;
    justify-content: center;
    align-items: center;
    height: 200px;
    margin-top: 80px;
    display: flex;
  }

  .hck_c_footer_row {
    text-align: center;
    width: 100%;
    background-color: #0000001a;
    padding-bottom: 40px;
  }
  
  .hck_c_footer a {
    
    padding: 16px;
    text-decoration: none;
}

  .paragraph-4 {
    text-align: center;
  }
  
  .lxn_body {
    color: #6093ce;
    background-color: #fdfdef;
  }
  
  .def-container_main {
    width: 90%;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .def_cont-center-flex {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .home-title {
    text-align: center;
    margin-top: -80px;
  }
  
  .def_c_total-center {
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
  }
  
  .hck-h2 {
    text-align: center;
    margin-top: 40px;
    font-size: 40px;
  }
  
  .rich-text-block {
    color: #fff;
  }

  .ori-secti{
    margin-top: 40px;
    margin-bottom: 80px;

  }
  
  .span-50 {
    opacity: .4;
  }
  
  .link-2 {
    color: var(--hck-green);
  }
  
  .link-2:hover {
    color: var(--hck-highlight);
  }
  
  .hck_reach-out {
    margin-top: 40px;
  }
  
  .hck_c_2col {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
  }
  
  .hck_c_2col.reverse {
    flex-flow: row-reverse;
  }
  
  .hck_cont-50 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    min-height: 210px;
    padding: 24px 8px;
    display: flex;
  }
  
  .hck_cont-50.hck_outline {
    border: 1px solid var(--hck-green);
    border-radius: 1px;
    padding-left: 32px;
    padding-right: 32px;
  }
  
  .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: 60px;
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 120%;
  }
  
  
  .hck_p_center {
    text-align: center;
  }
  
  .hck_logo-online {
    width: 200px;
  }
  
  .hck_c_faq {
    margin-top: 80px;
  }
  
  .hck-links-container {
    text-align: center;
    margin-top: 10px;
  }
  
  .hck-links {
    color: var(--hck-highlight);
    display: inline-block;
  }
  
  .hck-links:hover {
    color: #fff;
  }
  
  .hck-links.hc_center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    
  }
  
  @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 {
      flex-flow: column;
    }
  }
  
  @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;
      font-size: 30px;
    }

    .hck_cont-50.hck_outline {
      border: 1px solid var(--hck-green);
      border-radius: 1px;
      /* padding-left: 32px; */
      /* padding-right: 32px; */
      width: 80%;
    }

  }

  /* end mobile */
  
  #w-node-c2169438-554d-e93d-c668-b702276dec9f-573d2226, #w-node-de944724-c41f-aca9-d29d-fbc04a75cfb4-573d2226, #w-node-_102650ef-76f9-d1c6-8371-4edfe0099dec-573d2226 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }
  
  #w-node-_8dd313ea-f987-9e6b-8b24-da72abb107ea-573d2226, #w-node-_469235ca-8ae4-f85d-41b5-9b6da5a7546d-573d2226, #w-node-ebad3274-6c17-67dc-ae6e-e63e9e281b42-573d2226, #w-node-c207421d-cd4b-1bdd-cb0b-2c2b8efe2bcf-573d2226, #w-node-bccc311e-8ba4-7e02-a2fb-7e54d908fb92-d908fb92, #w-node-bccc311e-8ba4-7e02-a2fb-7e54d908fb93-d908fb92 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  
  
  @font-face {
    font-family: 'Courier Prime';
    src: url('../fonts/Courier_Prime.zip') format('undefined');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }




  /* ========================================= */


.logo-container {
  margin-top: 60px;
  margin-bottom: 20px;
  width: 80%;
  margin: 0 auto;
  text-align: CENTER;
}

.logo-img {
  display: block;
  margin: 0 auto;
  width: 80%;
  max-width: 300px;
}


.logo-img.small {
  
  max-width: 140px;
  display: block;
  margin: 0 auto;
  width: 80%;
  
}

     




/* 
.logo-online {
  
  
  max-width: 120px;
  display: block;
  margin: 0 auto;
} */



.container-main ol {
  width: 100%;
  box-sizing: border-box;
}

      body {
          margin: 0;
         padding: 0;
         background-color: black;
         color: white;
         font-family: 'IBM Plex Mono', monospace;
     }


       p {
         
         width: 80%; 
         margin: 0 auto;
     }


     h2 {
         text-align: center; 
         width: 80%; 
         margin: 0 auto;
         font-size: 2rem;
         line-height: 120%;
         margin-bottom: 16px;
     }

     .button {
 display: block;
 text-align: center;
 margin: 30px auto;
 background-color: #03FF7D;
 color: black;
 padding: 15px 30px;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1rem;
 border: none;
 cursor: pointer;
 text-decoration: none;
 width: 160px;
 border-radius: 5px;
 transition: background-color 0.3s ease;
}

.box-outline {
  border: 1px solid rgba(255, 255, 255, 0.693);
  width:100%;
  margin-top:20px;
  margin-bottom:20px;
  border:1px solid rgba(255, 255, 255, 0.1);
  padding-top:60px;
  padding-bottom: 40px;
  

}


.button:hover {
 background-color: #ddd;
}



/*  ---------    IMAGES */


/*  ---------    GRIDS + CONTAINERS */


.container-main {
     max-width: 960px;
     min-width: 300px;
     width: 90%;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     align-items: center;
     /* text-align: center; */
 }


/* -------------------- 2col */

/* Responsive adjustments */
@media (max-width: 768px) {
  .two-column-layout .column,
  .three-column-layout .column {
      flex-basis: 100%;
  }
}

@media (max-width: 768px) {
  .column {
      flex: 1 1 100%;
  }
}