body{background:#08050f;margin:0;padding:0}header{z-index:2;text-shadow:2px 2px 4px #000c;background-color:#0000;padding:20px;position:relative}h1{color:#fff;flex-wrap:wrap;align-items:center;margin:0;font-size:24px;display:flex}.site-title{color:#fff;cursor:pointer;text-decoration:none}.site-title:hover{opacity:.8;text-decoration:underline}.page-separator{color:#fff;opacity:.7;margin:0 8px}.current-page-name{color:#ccc;font-weight:400}.song-list{z-index:1;list-style:none;position:fixed;top:80px;left:25px}.song-list li{color:#fff;text-shadow:2px 2px 4px #000c;margin-bottom:10px;font-size:1.1em;font-weight:700}.song-list li a{color:#fff;text-decoration:none}.song-list li a:hover{text-decoration:underline}.image-container{z-index:0;width:100%;height:100vh;position:fixed;inset:0;overflow:hidden auto}.image-container img{z-index:0;width:100%;min-width:1200px;height:auto;min-height:150vh;position:absolute;top:0;left:0}.content-wrapper{z-index:1;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.content-wrapper>*{pointer-events:auto}.content-wrapper>:not(footer){flex:none}footer{color:#fff;text-align:center;text-shadow:2px 2px 4px #000c;z-index:1;background-color:#0000;margin-top:auto;padding:40px 20px 20px;font-size:1.4em;position:relative}.footer-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em;display:flex}.footer-nav a,.footer-nav .current-page{flex:none}.footer-separator{opacity:.8}footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}.current-page{color:#ccc;font-weight:400}.menu-icon{display:none}.modal{z-index:2;background-color:#000000b3;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:scroll}.modal-content{color:#fff;z-index:1;background-color:#08050f80;border-radius:8px;width:80%;max-width:800px;margin:10% auto 0;padding:20px 20px 40px;position:relative}.modal-content>div{padding:0 10px}.modal-content a{color:#e8a87c;text-decoration:none}.modal-content a:hover{text-decoration:underline}.close{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:700;display:inline-block;text-decoration:none!important}.close:hover{color:#fff}.contact-content{pointer-events:none;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-content>*{pointer-events:auto}.contact-text-container{flex-direction:column;align-items:center;gap:30px;max-width:600px;display:flex}.email-line{margin-bottom:0}.email-line{margin-top:10px}.email-container{align-items:center;gap:10px;display:inline-flex}.email-link{color:#ffffffe6;text-decoration:none}.email-link:hover{text-decoration:underline}.copy-button{color:#fffc;cursor:pointer;text-shadow:2px 2px 8px #000000e6;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:inline-flex}.copy-button:hover{color:#fff}.copy-button svg{display:block}.instagram-link-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.instagram-label{color:#ffffffe6;text-shadow:2px 2px 8px #000000e6,0 0 20px #00000080;font-size:1.2em}.instagram-link{color:#ffffffe6;text-shadow:2px 2px 8px #000000e6,0 0 20px #00000080;align-items:center;gap:10px;font-size:1.2em;text-decoration:none;transition:opacity .2s;display:inline-flex}.instagram-link:hover{opacity:.8;text-decoration:underline}.instagram-link svg{flex-shrink:0}.about-content{flex-direction:column;align-items:center;gap:25px;max-width:800px;margin:10% auto;padding:40px 20px;display:flex}.content-text,.about-text,.contact-text,.modal-content p{color:#fff;text-shadow:3px 3px 12px #000,0 0 30px #000c,0 0 50px #00000080;text-align:left;margin:0;padding:0 10px;font-size:1.3em;font-weight:500;line-height:1.6}.contact-text{text-align:center;font-size:1.6em}.notes-list{z-index:1;margin:0;padding:0;list-style:none;position:fixed;top:80px;left:25px}.notes-list li{color:#fff;margin-bottom:10px;font-size:1.1em;font-weight:700}.notes-list li a{color:#fff;cursor:pointer;text-shadow:2px 2px 4px #000c;text-decoration:none}.notes-list li a:hover{text-decoration:underline}@media screen and (max-width:768px){.song-list li{margin-bottom:10px;font-size:1.3em}footer{font-size:1.2em}.image-container{min-height:100vh}.image-container img{object-fit:cover;width:100%;min-width:auto;height:auto;min-height:100vh;position:absolute}.content-wrapper{min-height:100vh}header{padding:15px}h1{font-size:28px}.notes-list{top:100px}.notes-list li{margin-bottom:10px;font-size:1.1em}footer{padding-top:40px;font-size:1.2em;position:relative}.modal-content{box-sizing:border-box;background-color:#08050f80;border-radius:8px;width:calc(100% - 16px);max-width:calc(100% - 16px);margin:120px auto 0;padding:15px 8px 40px;position:relative}.modal-content p,.modal-content div{text-shadow:4px 4px 15px #000,0 0 40px #000000e6,0 0 60px #0009;padding:0 8px;font-size:1.2em;font-weight:500}.contact-content{min-height:50vh;padding:8px}.contact-text-container{background-color:#08050f80;border-radius:8px;width:calc(100% - 16px);max-width:600px;padding:20px 8px}.contact-text{text-shadow:4px 4px 15px #000,0 0 40px #000000e6,0 0 60px #0009;padding:0 8px;font-size:1.2em;font-weight:500}.about-content{background-color:#08050f80;border-radius:8px;gap:20px;width:calc(100% - 16px);max-width:800px;margin:100px auto;padding:20px 8px}.about-text{text-shadow:4px 4px 15px #000,0 0 40px #000000e6,0 0 60px #0009;padding:0 8px;font-size:1.2em;font-weight:500}}@media screen and (max-width:480px){h1{font-size:24px}.song-list{top:110px;left:15px}.song-list li{margin-bottom:6px;font-size:1.05em}footer{padding:15px 10px;font-size:1.15em}footer a{margin:0 .5rem}.contact-text-container{width:calc(100% - 16px);padding:20px 8px}.contact-text{text-shadow:4px 4px 15px #000,0 0 40px #000000e6,0 0 60px #0009;padding:0 8px;font-size:1.1em;font-weight:500}.about-content{width:calc(100% - 16px);padding:20px 8px}.about-text{text-shadow:4px 4px 15px #000,0 0 40px #000000e6,0 0 60px #0009;padding:0 8px;font-size:1.1em;font-weight:500}.modal-content{width:calc(100% - 16px);max-width:calc(100% - 16px);padding:15px 8px}.modal-content p,.modal-content div{text-shadow:4px 4px 15px #000,0 0 40px #000000e6,0 0 60px #0009;padding:0 8px;font-size:1.1em;font-weight:500}}@media screen and (max-width:375px){h1{font-size:22px}header{padding:12px}.song-list{top:100px;left:10px}.song-list li{margin-bottom:5px;font-size:1em}footer{padding:12px 8px;font-size:1.1em}.modal-content{width:calc(100% - 16px);max-width:calc(100% - 16px);margin:100px auto 0;padding:12px 8px 40px}.modal-content p,.modal-content div{text-shadow:4px 4px 15px #000,0 0 40px #000000e6,0 0 60px #0009;padding:0 8px;font-size:1.05em;font-weight:500}.contact-text-container{width:calc(100% - 16px);padding:20px 8px}.contact-text{text-shadow:4px 4px 15px #000,0 0 40px #000000e6,0 0 60px #0009;padding:0 8px;font-size:1.05em;font-weight:500}.about-content{width:calc(100% - 16px);padding:20px 8px}.about-text{text-shadow:4px 4px 15px #000,0 0 40px #000000e6,0 0 60px #0009;padding:0 8px;font-size:1.05em;font-weight:500}}