*{margin:0;padding:0;border:0;font:inherit;color:inherit}*,*:before,*:after{box-sizing:inherit}html{font-size:1.25em;box-sizing:border-box;cursor:default;-webkit-text-size-adjust:100%}html.light{background:white;color:black}html.light footer{background:rgba(255,255,255,0.3)}html.dark{background:black;color:white}html.dark footer{background:rgba(0,0,0,0.3)}body{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:100vw;min-height:100vh;overflow-x:hidden;font:normal 1em/1.5 Arial, sans-serif;text-rendering:optimizeLegibility;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header,main,footer{display:block;position:relative;z-index:1}header{padding:2rem}main{-webkit-box-flex:1;flex-grow:1;padding:0 2rem;font-size:2.9rem;line-height:1;text-transform:uppercase}@media screen and (max-width: 414px){main{font-size:11.5vw}}#logo{width:17rem;height:8.5rem}@media screen and (max-width: 414px){#logo{width:100%;height:auto}}nav{display:-webkit-box;display:flex;flex-wrap:wrap;margin-bottom:1rem;text-transform:uppercase}nav a:not(:last-child){margin-right:1rem}@media screen and (max-width: 414px){nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin-bottom:2rem}}a{text-decoration:underline;-webkit-transition:-webkit-text-decoration 0.3s;transition:-webkit-text-decoration 0.3s;transition:text-decoration 0.3s;transition:text-decoration 0.3s, -webkit-text-decoration 0.3s}a:hover{-webkit-text-decoration:underline transparent;text-decoration:underline transparent}h1{color:#ec0f9d}strong{font-weight:bold}footer{margin:1rem;padding:1rem;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#rich{display:inline-block;background:url(../img/rich.svg) no-repeat center/contain;color:transparent}#player{max-width:334px;margin-top:2.5rem}#player div{position:relative;height:0;padding:120px 0 100% 0}#player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}#image{position:fixed;z-index:0;top:0;left:0;width:100vw;height:100vh;background:no-repeat center / cover;-webkit-animation:fade-in 1s;animation:fade-in 1s}@media screen and (orientation: portrait){#image{position:static;height:66.667vw;margin-bottom:2rem}}#credits{font-size:0.6rem}@-webkit-keyframes fade-in{from{opacity:0}}@keyframes fade-in{from{opacity:0}}