html,body{background-color:#120000;width:100%;min-height:100%;margin:0;padding:0}body{color:#ccc;min-height:100%;background:linear-gradient(360deg,#120000,#336);min-height:-webkit-fill-available;font-family:Tahoma,Verdana,Arial,Trebuchet MS,sans serif;position:absolute}body.modalOpen{overflow:hidden}h1{color:#fff;text-shadow:0 4px 3px #000000bf;text-align:center;margin:0 0 25px;font-size:1.5rem}@media only screen and (min-width:321px){h1{margin-bottom:0;font-size:2rem}}h3{margin-top:0;font-size:1rem}@media (min-width:321px){h3{font-size:1.15rem}}.main{flex-direction:column;justify-content:center;align-items:center;padding:25px}@media (min-height:600px){.main{min-height:calc(100vh - 50px)}}@media (min-width:321px){.main{gap:25px;display:flex}}.centerContent{text-align:center;flex:1;align-items:center;display:flex}.jukebox{text-align:center;background-blend-mode:screen;background:linear-gradient(#0003,#0000,#0003);border-radius:15px;max-width:100%;margin-bottom:25px;padding:25px;font-size:1rem;position:relative}@media (min-width:321px){.jukebox{max-width:min-content;margin-bottom:0}}.jukebox:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#c896ff80,#0000,#c896ff80);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.jukebox .header{justify-content:center;margin:0 0 20px;display:flex}.jukebox .header span{justify-content:center;align-items:center;gap:8px;display:flex}.jukebox .header .live{background:radial-gradient(#9f9,#0c0);border-radius:50%;width:6px;height:6px;margin-top:2px;box-shadow:0 0 8px 1px #00ff00d9}.jukebox .artist{color:#999;font-size:smaller}.jukebox .album-cover{width:100%;margin-bottom:10px}@media (min-width:321px){.jukebox .album-cover{width:250px}}.jukebox .album-year{color:#999;font-size:smaller}.jukebox p{margin:0 0 4px}.banners{text-align:center;justify-content:center;align-items:center;gap:10px;width:100%;display:flex;bottom:24px}@media (max-width:321px){.banners{flex-direction:column}}.faq{color:#ccc;cursor:pointer;opacity:.75;background-color:#0000;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:auto;transition:background .25s ease-in,opacity .25s ease-in,border .25s ease-in;display:flex}@media (min-width:420px){.faq{opacity:.25;position:absolute;bottom:25px;right:25px}.faq:hover{opacity:.75;background:radial-gradient(#0000,#3232328c);border:1px solid #ccc}}.neocities-banner{color:red;bottom:25px;right:25px}.modal{color:#ccc;z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal .modalContent{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);text-shadow:0 1px 3px #000;color:#ccc;z-index:99999;background:linear-gradient(#0000008c,#0000,#0000008c);border-radius:15px;max-width:calc(100% - 100px);height:100%;max-height:calc(100% - 100px);padding:25px;overflow:auto}@media only screen and (min-width:501px){.modal .modalContent{max-width:400px}}@media only screen and (min-width:641px){.modal .modalContent{max-width:550px}}@media screen and (min-height:600px) and (min-width:501px){.modal .modalContent{height:auto}}.modal .modalContent:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#c896ff80,#0000,#c896ff80);padding:1px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.modal .modalContent .modalContentInner{max-height:100%;font-size:.85rem;overflow-y:auto}@media only screen and (min-width:321px){.modal .modalContent .modalContentInner{font-size:1rem}}.modal .modalContent .closeButton{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:16px;line-height:17px;display:flex;position:absolute;top:20px;right:20px}.modal .modalContent .closeButton img{width:15px;height:15px;margin:0;padding:0}.modal .modalContent .closeButton img svg{margin:0}