body,html{margin:0;padding:0;color:white;font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}header>h1,h2,#player,ul>li,.icon{backdrop-filter:blur(10px) saturate(130%) contrast(180%);-webkit-backdrop-filter:blur(10px) saturate(130%) contrast(180%)}#vanta{z-index:0;position:absolute;left:0;right:0;top:0;width:100%;height:100%;overflow:hidden}html{background:url(/assets/static/bg.jpg) no-repeat center center fixed;background-size:cover}h1,h2{color:white}header{margin-top:1em;text-align:center;display:flex;flex-direction:column;align-items:center}header img{z-index:100;width:6em;height:6em;border-radius:100%;border:2px solid white;box-shadow:rgba(28,32,93,0.24) 0px 2px 8px 0px}header>h1,h2{display:inline-block;font-size:0.8em;font-weight:bold;border-radius:1em;background-color:#000a;color:#fff;padding:0.3em 0.6em;border:1px solid #fffa}.svg-icon{width:20px;height:20px;color:grey;fill:currentColor;display:inline-block}#player{position:absolute;top:0%;left:50%;padding:0.2em;border-radius:10em;display:flex;flex-direction:row;align-items:center}#player.slide-in{margin-top:1em}#player input[type='radio']{accent-color:rgba(135,135,135,0.667);width:20px;height:20px;margin:0.5em}#player #sceneLeft{transform:rotate(-90deg)}#player #sceneRight{transform:rotate(90deg)}ul{box-sizing:border-box;list-style:none;margin:0 auto;padding:2em;max-width:480px}ul>li{background-color:#fffa;border-radius:10em;padding:1em;margin:1.4em 0;box-shadow:rgba(28,32,93,0.24) 0px 2px 8px 0px}ul>li>a{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0.5em}a{color:black;text-decoration:none}#curtainPull{position:absolute;top:1em;left:calc(50% - 8em);z-index:200}.icon{width:1em;height:1em;cursor:pointer;background-color:#fffa;box-shadow:#1c205d 0px 2px 8px 0px;border-radius:10em;padding:1em;text-align:center}.icon.rotate-down{animation-name:spin;animation-duration:270ms;animation-timing-function:linear;transform:rotate(180deg)}.icon.rotate-up{animation-name:spin-up;animation-duration:270ms;animation-timing-function:linear;transform:rotate(0deg)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}@keyframes spin-up{0%{transform:rotate(180deg)}100%{transform:rotate(0deg)}}.icon>.elem{display:inline-block;vertical-align:middle;border-radius:2px;width:3px;height:100%;background-color:#000}.elem::after,.elem::before{content:'';position:relative;display:inline-block;width:100%;height:100%;background-color:#000}.elem::after{top:-1.5em;left:-0.3em;transform:rotate(45deg)}.elem::before{top:-0.25em;left:0.3em;box-shadow:0 3px 5px rgba(0,0,0,0.2);transform:rotate(-45deg)}.slide-in{animation:slide-in 0.5s forwards;-webkit-animation:slide-in 0.5s forwards}.slide-out{animation:slide-out 0.5s forwards;-webkit-animation:slide-out 0.5s forwards}@keyframes slide-in{0%{transform:translateY(-100%)}100%{transform:translateY(0%)}}@-webkit-keyframes slide-in{100%{-webkit-transform:translateY(0%)}}@keyframes slide-out{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}@-webkit-keyframes slide-out{0%{-webkit-transform:translateY(0%)}100%{-webkit-transform:translateY(-100%)}}