body { margin: 0; font-family: 'Courier New', Courier, monospace; background: url('https://steamuserimages-a.akamaihd.net/ugc/960858511671834177/363833981372E7AE5A888B359F65BED629AA684F/?imw=5000&imh=5000&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=false') no-repeat center center fixed; background-size: cover; color: #0f0; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; text-align: center; overflow: hidden; } body::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); z-index: 0; } h1 { font-size: 12em; margin: 0; text-shadow: 0 0 10px #0f0, 0 0 20px #0f0, 0 0 30px #0f0; z-index: 1; } h1 span { animation: glitch 1.5s infinite; } .sub-message { font-size: 0.9em; margin: 10px 0; text-shadow: 0 0 5px #0f0, 0 0 10px #0f0; z-index: 1; } .message { font-size: 1.2em; margin: 20px 0; text-shadow: 0 0 5px #0f0, 0 0 10px #0f0; z-index: 1; } .credit { font-size: 1.5em; margin-top: 20px; z-index: 1; } .credit span { display: block; margin: 5px 0; } .credit span:nth-child(2) { font-size: 0; } .button { background-color: transparent; color: #0f0; padding: 10px 20px; text-decoration: none; border: 2px solid #0f0; border-radius: 5px; display: inline-block; margin-top: 20px; font-size: 1.2em; transition: background-color 0.3s ease, color 0.3s ease; z-index: 1; } .button:hover { background-color: #0f0; color: #000; } .audio-player { display: flex; align-items: center; justify-content: space-between; width: 300px; padding: 10px; border-radius: 10px; background-color: #111; margin-top: 30px; box-shadow: 0 0 10px #0f0; z-index: 1; } .audio-player button { background: none; border: none; font-size: 16px; cursor: pointer; color: #0f0; } .audio-player input[type="range"] { width: 120px; } @keyframes glitch { 0% { transform: translate(0); opacity: 1; } 20% { transform: translate(-2px, 2px); opacity: 0.8; } 40% { transform: translate(2px, -2px); opacity: 1; } 60% { transform: translate(-1px, 1px); opacity: 0.9; } 80% { transform: translate(1px, -1px); opacity: 1; } 100% { transform: translate(0); opacity: 1; } }