html, body {
                height: 100vh;
                margin: 0;
                padding: 0;
                overflow: hidden;
                
            }
            body {
                font-family: 'IBM Plex Mono', monospace;
                font-size: 20px;
                color: #e4a3ec;
                height: 100vh;
                background: #000; /* or any color or image */
            }

            
            #header-bg {
                width: 100%;
                height: 50px;
                display: flex;
                justify-content: flex-start;
                color:#ffffff; 
                

            }
            h1, h2 {
                font-family: 'VT323', 'Indie Flower', monospace, cursive;
                color: #fff;
                text-shadow: 2px 2px 0 #785f8d, 4px 4px 8px #0006;
                margin-top: 0;
                letter-spacing: 2px;
            }
            h1 {
                margin-top: -5px; 
            }
            p, li {
                display: inline-block;
                background: rgba(255,255,255,0.7);
                color: #2d1e2f;
                padding: 8px 16px;
                border-radius: 12px;
                margin-bottom: 10px;
                border: 2px solid #785f8d;
                font-family: 'Indie Flower', cursive, sans-serif;
                box-shadow: 2px 2px 0 #f3d1bf;
            }
            ul {
                padding-left: 0;
                list-style: none;
            }
            a {
                color: #c6a9df;
                text-decoration: none;
                font-weight: bold;
                border-bottom: 2px dashed #785f8d;
                transition: background 0.2s, color 0.2s;
                padding: 2px 4px;
                border-radius: 4px;
            }
            a:hover {
                background: #e2a9ca;
                color: #2d1e2f;
            }
            #nav {
                background: none;
                margin-bottom: 1vh;
                margin-top: 20px;
                font-family: 'VT323', monospace;
                font-size: 22px;
            }
            #player {
                position: absolute;
                top: 24px;
                right: 24px;
                margin-bottom: 0;
                text-align: right;
                z-index: 10;
            }
            iframe {
                width: 100%;
                height: 90vh;
                border: none;
                overflow: auto;
            }