index.html

<!DOCTYPE html>
<html>
    <head>
        <title>me when</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <script>
            function play() {
              var audio = document.getElementById("audio");
              audio.play();
            }
        </script>
          <div class="background">
            <div class="left">
              <h1>Hiya, I'm Acqua!</h1>
              <p>This is a silly site.</p>
              <p>Take a look around!</p>
              <br>
              <p>I'm working on new pages!</p>
              <p>DM me on discord: Acquawo</p>
              <h3>Welp, cya :3</h3>
              <br>
              <audio controls autoplay loop>
                <source src="addiction.mp3" type="audio/mpeg" style="max-width:100%;height:auto;">
              </audio>
              <br>
            </div>
            <div class="right">
              <div class="clicker">
                <input type="button" onclick="play()" class="clickbutton" style="max-width:100%">
                <audio id="audio" src="vine-boom.mp3"></audio>
                <br>
              </div>
              <br>
              <p>Click Me!</p>
              <br>
              <script src="https://minnit.chat/js/embed.js" defer></script><minnit-chat data-chatname="https://organizations.minnit.chat/610654684576843/Main?embed&nickname=" data-style="width:90%;height:500px;max-height:90vh;"></minnit-chat><p class="powered-by-minnit">
            </div>
            <div class="center" style="width: 500px; margin: 0 auto;">
              <h2>Acqua face reveal!!!</h2>
                        <div class="cat-art"><strong><pre>
                              |\_
                            \` ..\
                       __,.-" =__Y=
                     ."        )
               _    /   ,    \/\_
              ((____|    )_-\ \_-`
              `-----'`-----` `--`</pre></strong></div>
              <br>
              <p>More pages coming soon!</p>
              <br>
              <a href="https://boulderbugle.com/e6wivxwb" class="funnybutton" style="max-width:100%">hii :3</a>
              <br>
              <br>
              <iframe width="560" height="350" style="max-width:100%" src="https://www.youtube.com/embed/89ZeH5RnqeM?si=BeNZkfFdpdQNE6HL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
            </div>
          </div>
    </body>
</html>