<!--
                                                                                                                            
                                                                                                                          
                     © 2024 KAF                                                                                                     
                                                                                                                          
                                                                                                                          
                                                                                             ██████                       
            ████                                                                           █████████                      
           ███████                                                                        ███████████                     
          █████████                                                                     █████████████                     
         ███████████                                                                   ██████████████                     
         ████████████                                                                ████████████████                     
         █████████████                                                             ██████████████████                     
        ██████████████                                                           ████████████████████                     
        ███████████████                                                        ██████████████████████                     
        ███████████████      ████████                                        ███████████████████████                      
        ████████████████  ████████████                                      ████████████████████████                      
        ████████████████████████████████              ██████              █████████████████████████                       
        █████████████████████████████████           █████████            ██████████████████████████                       
        █████████████████████████████████          ████████████          ███████████████████████████                      
        ██████████████████████████████████        █████████████         ██████████████████████████████                    
        ██████████████████████████████████        ██████████████       ████████████████████████████████                   
        ███████████████████████████████████      ████████████████      ████████████████████████████████                   
        ███████████████████████████████████      ████████████████     █████████████████████████████████                   
        ███████████████████████████████████     █████████████████     █████████████████████████████████                   
        ███████████████████████████████████     ██████████████████    ████████████████████████████████                    
        ███████████████████████████████████     ██████████████████    ████████████████████████████████                    
        ██████████████████████████████████     ███████████████████    ███████████████████████████████                     
        █████████████████████████████████      ████████████████████   ██████████████████████████████                      
        ██████████████████████████████         ████████████████████    ███████████████████████████                        
         █████████████████████████            ██████████████████████   █████████████████████████                          
         ██████████████████████████           ███████████████████████  ██████████████████████              ██             
         ████████████████████████████        █████████████████████████████████████████████             █████████          
          █████████████████████████████      ███████████████████████████████████████████             ████████████         
           ██████████████████████████████   ████████████████████████████████████████████            █████████████         
             ██████████  ███████████████████████████████████████████████████████████████           ██████████████         
                 ███        ███████████████████████████████████████████████████████████            ██████████████         
                              █████████████████████████████████████████████████████████             ███████████           
                                ████████████████████████      ███████████████████████                ████████             
                                    ██████   ████████                      ███████                                        
                                                                                                                          
                                                                                                                          
                                                                                                                          
                                                                                                                          
                                                                                                                          
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>kaf</title>
    <link rel="icon" href="https://lh3.googleusercontent.com/fife/ALs6j_HK6K77UBj4QuvFtWXPlyIdLODWPZ6Ywr17MzDdF3DdBCEXQzaqXcafSIwaVfT40IH-8fB3BVfc8P1qaZWIb8K6XldRFx8bcTW9oqfCrH9L85aHr6Eq9C6Px4SOdDv74rpxmGMH8JU8vRGYicXculXl5TqB03OJ2kRYQ2bfYzuEdRPS_Fr0Xtk5MNsbP33FMIfSX_nnfxKMBZWzspm4LxYMn7uScsRe1jWgwZZQszkF1-B1hly81CjmT02xyrUNeeQAhWZWpvaC77Y4aLsLo_VuncCBV8OBrjdh3tVshlDU4JZoNmRr9NORFignHvvp1EQ0Lsca77Jwl6q83-kZWk2gDEdqnD6MLDjxsUz9yEiwlcMkiUTRm_CdPORBRhwM5oaWxfN1Af2-GtEHSmS8wPiZy3cN6KVem7-6u_UD-YZ8p7GyakdOlR5-5_ruXSZM_2BlKAkMPbtqCwNvf91AXAcqyELQq1jLCEOlsWBF3G9VP30QXceF9j-6_kmsga7pJ8sDiS1eObDUd8U13mEswNi2TSzH7Ke7CgcZGPKJg-U5iZLs7MZSCCexV9fYwB4VnKQBXs_q20HydXmqZY9_TSz-pINWiQpJYZWaDGRy7COt5OqEbLYHmQV7RhlNg4qGyNCykG8LpsiPi5fIabWGeo7yMfHvi5qPhn-ef9H7td5OoJWyvGxOfK-n2KFVQPT68ZIDzXilyEYaZJUS37Ykgx1gqJfT1cRsQijl_SU588-syr9CGDH-hL8c23FYKwMV3pZk6uKZm5_ffWedUqFl0_7rZy3HbJQezTP5ujZxMffBbaehQQCFMP_lo5IV6XYs5pcir7P9eWbonrPtsKlYtTbpkeKOEAF-gUdBAVVFynixZ-YkvWxM_LRF6pfSVfCjyUW_6WtHKbdDO_rXpBjTF7MRgx3xURZBGUkjLTH-vICuvghGXA7dx2rHTQmbRKChyD53ZuvkYGSsf1zyQGQ0LQa4_ar6GQLSINSqRFO2XiIZ5qOYCRl2HcAG6trBiedW7a-2k6Rcdv28mKLkjF44U1CvHW-QwVm2txGdQC6d6eLWeqnHoXSB61ku6Oi0k36eHfpYos-D5J-k1Gyo3CTy3tH_7DU5bfCsmeJ5xPhF1AutaSvdiW2CC9bk3pDTAfU6DVn20cHdmLk9PgKRMb5P9xu428Xb-dOReWDwtVBhOBxu6slkDyTc58hNMb-s1PMmmYzzKqC7p15w3BVP2KxKVJo9AOXWQELMXH7qGHXcr3UxppRVIbSq_T6HlGnrr-gonUHpkame9ZnoKjKqHhrAkjtTWbEI1-1NfZBWpzE8FNARHWoEae0qd0L_foebG4VgKbhZEA9qHYbqhJVUUepUSk7ZDPKsUXfp3NmaDoja-W75nGGDltim8Mv_ZdzxhoRFcm0cy0VeM_dmUaPBowKv3hCG9VhFo_16i3nFAnoOMYeAXT-YBW7OX-8AiD6lAK_Vo6BnjtZJnzgCtNI8lt84BQVsbOqa_e23FLD3iX9Hlf9pD8nBmwzsbm8Mf8HpDpdPK99Wy99HvwY8iIA_cBR8ZDEfUqOKEcY7nGKW2oOiBj1D7FENlqI9tzc0VFXI4XyK47guKc5lrAXqxA=w1920-h919">
    <link rel="stylesheet" href="https://use.typekit.net/tzc3wkv.css">
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css"
      integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk="
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body style="display: flex; justify-content: center; align-items: center;">
    <div>

    <div id="welcome-screen">
      <div class="marquee-container">
        <div class="marquee-text">blackaf</div>
        <div class="marquee-text">blackaf</div>
      </div>
      <div id="video-container">
        <img id="video-graffiti" src="https://kafkafkaf.b-cdn.net/kaf_intro.gif" />
      </div>
      <div class="marquee-container">
        <div class="marquee-text">blackaf</div>
        <div class="marquee-text">blackaf</div>
      </div>
    </div>

    <div id="main-content">
      <div id="kaf-promo-web">
        <img id="igloo-gif" src="https://kafkafkaf.b-cdn.net/kaf-igloo.gif" />
        <a id="boton-tienda" target="_blank" href="https://koolasfuck.empretienda.com.ar/drop">ENTRAR</a>
        <img id="promo-image" src="https://kafkafkaf.b-cdn.net/2kaf_pcview.png?height=827&width=1061"/>
      </div>
  
      <div id="kaf-promo-mobile">
        <a id="boton-tienda-mobile" href="https://koolasfuck.empretienda.com.ar/drop">ENTRAR ⟹</a>
        <img id="igloo-gif-mobile" src="https://kafkafkaf.b-cdn.net/kaf-igloo.gif" />
        <img id="promo-image-mobile" src="https://kafkafkaf.b-cdn.net/contentkafmobile_small.png"/>
      </div>
    </div>
  </div>
    <script src="./app.js"></script>
  </body>
</html>