<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <link href="https://cdn.discordapp.com/emojis/1142178314048507915.png" rel="icon" type="image/png">
    <link href="sophia.css" rel="stylesheet">
    <link rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&amp;family=Quicksand:wght@600&amp;family=Montserrat:wght@600&amp;family=Rethink+Sans&amp;display=swap">
    <title>love</title>
    <meta content="#2b2d31" name="theme-color">
</head>

<body>
    <div id="particles-js" style="position: absolute; width: 100%; height: 100%;"></div>
    <ul class="black-overlay">
        <li style="--clr:#ffffff">
            <h2>
                <a data-text="click" onclick="removeOverlay()">click</a>
            </h2>
        </li>
    </ul>
    <video autoplay="" loop="" muted="">
        <source src="./assets/y.mp4" type="video/mp4">
    </video>
    <div class="profile-container"></div>
       

<script>
document.getElementById('invButton').style.left = `${window.innerWidth - 130}px`
window.addEventListener("resize", () => document.getElementById('invButton').style.left = `${window.innerWidth - 130}px`);
</script>
    <button id="muteButton"
        style="position: absolute; top: 10px; left: 10px; background: none; border: none; padding: 0;">
        <img id="muteIcon" src="assets/mutado.png" alt="Muted" style="width: 20px; height: 20px;">
        <img id="unmuteIcon" src="assets/desmutado.png" alt="Unmuted" style="width: 20px; height: 20px; display: none;">
    </button>
    <audio id="audio" loop preload="auto">
        <source src="assets/wtf.mp3" type="audio/mpeg">
    </audio>
    <script src="sophia.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
</body>
</html>
