<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Био</title>
</head>
<body>

    <video id="background-video" autoplay muted>
        <source src="img/video.mp4" type="video/mp4">
        Ваш браузер не поддерживает видео.
    </video>

    <div class="message" id="message">
        Нажмите, чтобы продолжить...
    </div>

    <div class="bio-container" id="bio-container">
        <h1>notzepka</h1>
        <div class="bio-avatar"></div>
        <div class="bio-icons">
            <a href="https://discord.com/users/1180178134197354570" target="_blank">
                <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="66.667" height="66.667" viewBox="0 0 50 50"><path d="M13 8.4c-1.9.7-4.5 2.7-5.7 4.5C5.2 16 2 27.6 2 32.3c0 3.1 3.5 6.2 8.8 7.8 3.8 1.1 4.4 1 5.6-.6 1.9-2.6 15.3-2.7 17.2 0 1.2 1.6 1.8 1.7 5.8.5 2.4-.7 5.5-2.3 6.7-3.6 1.9-2 2.1-3 1.5-7.2-.9-7.2-3.3-14.5-5.6-17.4-2.3-2.9-11.1-5.9-11.8-4C29.7 9.3 20 9.4 20 8c0-1.3-2.6-1.2-7 .4zm2.3 2.2c-4 1.7-5.7 4.1-2.2 3 9.9-3.1 13.9-3.1 23.8 0 3.5 1 1.8-1.3-2.2-3.1-2.4-1.1-2.6-1.3-.7-.9 6.5 1.5 9 5.5 11.2 17 1 5.7 1 6.6-.7 8.3-2.5 2.9-8.5 4.7-9.6 3-.5-.9.1-1.7 2.2-2.6 1.6-.6 2.9-1.7 2.9-2.4s-.7-.8-1.7-.4c-10.8 4.6-15.8 4.6-26.5 0-1.1-.4-1.8-.3-1.8.4s1.3 1.8 2.9 2.4c2.1.9 2.7 1.7 2.2 2.6C14 39.6 8 37.8 5.5 35c-1.7-1.8-1.7-2.6-.6-8.8 1.7-9.1 3.9-13.3 8.1-15.4 1.9-1 4-1.8 4.5-1.7.6 0-.4.7-2.2 1.5z"/><path d="M15.6 22.6c-.9.8-1.6 2.4-1.6 3.4 0 2.2 2.5 5 4.5 5s4.5-2.8 4.5-5-2.5-5-4.5-5c-.7 0-2.1.7-2.9 1.6zm4.9 3.4c0 1.6-.6 2.6-1.8 2.8-1.9.4-3.2-2-2.3-4.4.9-2.5 4.1-1.3 4.1 1.6zM28.6 22.6c-.9.8-1.6 2.4-1.6 3.4 0 2.2 2.5 5 4.5 5s4.5-2.8 4.5-5-2.5-5-4.5-5c-.7 0-2.1.7-2.9 1.6zm4.9 3.4c0 1.6-.6 2.6-1.8 2.8-1.9.4-3.2-2-2.3-4.4.9-2.5 4.1-1.3 4.1 1.6z"/></svg>
            </a>
            <a href="https://t.me/notzepka" target="_blank">
                <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="66.667" height="66.667" viewBox="0 0 50 50"><path d="M15.5 4.4C9.5 7.2 6.8 10 4.1 16 .5 23.9 2.2 34.3 8.3 40.9 11.6 44.5 19.8 48 25 48c5.2 0 13.4-3.5 16.7-7.1 3.4-3.7 6.3-11 6.3-15.9 0-5.2-3.5-13.4-7.1-16.7C37.2 4.9 29.9 2 25 2c-2.7 0-6.5 1-9.5 2.4zm18 1.5c12.8 5.8 16.4 22.3 7.2 32.8-10.1 11.5-28.3 8.8-34.8-5.2C-2 16.4 16.3-1.9 33.5 5.9z"/><path d="M21.6 18.8C7.2 25 5.1 28.4 14.9 29.7c2.6.4 5.3 1.6 7.1 3.3 4 3.7 8.8 5.6 10.9 4.3 1.9-1.2 4.3-12.8 3.9-18.8-.4-5.5-2-5.5-15.2.3zm13.4-.2c0 5.2-2.4 16.6-3.6 17.1-1.6.6-9.4-4.6-9.4-6.3 0-.7 1.6-2.6 3.5-4.1 5.3-4.3 4.2-4.8-1.7-.8-2.9 1.9-6.4 3.5-7.8 3.5-2.8 0-6.1-1.9-4.5-2.6 8.1-3.7 21.3-9.3 22.3-9.3.6-.1 1.2 1 1.2 2.5z"/></svg>
            </a>
            <a href="https://github.com/NotZipka" target="_blank">
                <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="66.667" height="66.667" viewBox="0 0 50 50"><path d="M15.5 4.4C9.5 7.2 6.8 10 4.1 16 .5 23.9 2.2 34.3 8.3 40.9 11.6 44.5 19.8 48 25 48c5.2 0 13.4-3.5 16.7-7.1 3.4-3.7 6.3-11 6.3-15.9 0-5.2-3.5-13.4-7.1-16.7C37.2 4.9 29.9 2 25 2c-2.7 0-6.5 1-9.5 2.4zm18 1.5c5.1 2.3 10.1 7.9 11.4 12.8 1.6 5.8 1.4 6.3-2.3 6.3-3 0-3.4-.4-4.1-3.3-.4-1.7-.8-4.8-.9-6.7-.1-3.2-.3-3.5-3.1-3.3-1.6.2-5.9.3-9.5.3-3.6 0-7.8-.1-9.5-.3-2.5-.2-3 .2-3.3 2.3-1.1 11.2-1.1 11-4.8 11-4 0-4.4-1.7-1.8-7.8C10.1 6.3 22.9 1.1 33.5 5.9zM25 14.3c4.1 0 8.3-.4 9.3-.8 1.5-.6 1.8-.2 1.7 2.6 0 1.9.2 4.8.6 6.5.4 2.4 0 3.7-1.9 6-2.3 2.7-3 2.9-9.5 2.9-6.1 0-7.4-.3-9.7-2.5-2.2-2.1-2.6-3.1-2.1-6 .4-1.9.6-5 .6-6.9-.1-2.8.2-3.2 1.7-2.6 1 .4 5.2.8 9.3.8zM10.9 26.4c-1.1.9-6.9 1.4-6.9.6 0-.6 1.6-1 3.7-1 2 0 3.4.2 3.2.4zM46 27c0 .5-1.4.7-3.2.3-4.6-.8-4.8-1.3-.5-1.3 2.1 0 3.7.4 3.7 1zm-31.8 3.5c1.6 1.4 3.6 2.5 4.4 2.5.8 0 1.4.4 1.4 1 0 1.8-5.6 1.1-7.5-1-1.6-1.8-4.5-2.8-4.5-1.5 0 .3 1.1 2.3 2.5 4.5 1.8 2.9 3.2 4 5 4 2 0 2.5.5 2.5 2.5 0 2.5-.1 2.5-2.9 1.1-5.7-3-11.4-11.6-9.6-14.5 1.1-1.9 5.6-1.2 8.7 1.4zm30.3-1.4c1.8 2.9-3.9 11.5-9.5 14.4l-2.8 1.4-.4-4.2c-.3-2.3-.8-5-1.2-6-.6-1.2-.4-1.7.7-1.7.9 0 2.9-1.1 4.4-2.5 2.9-2.5 7.7-3.3 8.8-1.4zM29 36c.6 1.2 1 3.8.8 5.8-.3 3.7-.3 3.7-4.8 3.7s-4.5 0-4.8-3.8c-.2-2.6.2-4.5 1.4-5.8 2.3-2.5 6-2.4 7.4.1zm-12.4 1.8c-1 .2-2.2 0-2.8-.6-.6-.6 0-.7 1.9-.4 2.1.5 2.3.7.9 1z"/></svg>
            </a>
        </div>
    </div>

    <!-- Музыка -->
    <audio class="music" id="music" autoplay loop>
        <source src="music.mp3" type="audio/mp3">
        Ваш браузер не поддерживает аудио.
    </audio>

    <div class="time-container" id="time-container">
        <span id="time"></span>
    </div>

    <script src="all.js"></script>
    <script src="style.js"></script>
</body>
</html>