<!--
                                                                                                                            
                                                                                                                          
                     © 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="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link
    href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,200&family=Roboto:wght@200;300&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="./style.css" />
</head>

<body style="display: flex; justify-content: center; align-items: center;">

  <div id="progressbar-container">
    <div id="loading-text">LOADING...</div>
    <div id="progress-bar"></div>
  </div>

  <div id="text-container">
    <h2 id="kaf-logo">[ K A F ]</h2>
    <h1 id="drop-countdown">00:00:00:00</h1>
    <h3 id="slogan">WET N' DRIPPING</h3>
  </div>

  <div id="video-container">

    <video class="video-player" id="video-desktop" playsinline autoplay muted loop>
      <source src="https://kafkafkaf.b-cdn.net/kaf_wet_landing.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
    <video class="video-player" id="video-mobile" playsinline autoplay muted loop>
      <source src="https://kafkafkaf.b-cdn.net/kaf_wet_landing(4x5).mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
    <video class="video-player" id="video-smalldesktop" playsinline autoplay muted loop>
      <source src="https://kafkafkaf.b-cdn.net/kaf_wet_landing(4x3).mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>

  </div>

  <script src="./app.js"></script>
</body>

</html>