:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#405010;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}html,body{margin:0;padding:0;height:100%;width:100%;font-size:95%}#root{width:100%;height:100%}.layout-container{display:flex;flex-direction:row;align-items:flex-start;width:100%;height:100%}.left-col{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;align-items:center;gap:3%}.right-col{display:flex;flex-direction:column;flex:4;max-height:95%;border:2px solid #a0a840;border-radius:25px;margin-top:1.2%;margin-right:3%;margin-bottom:6%;background-color:#a0a840;overflow:hidden;min-width:0}nav :nth-child(1){border-top-left-radius:25px}nav :nth-child(5){border-top-right-radius:25px}.content-area{display:flex;flex-direction:row;height:100%;min-width:0;overflow:hidden}.display-screen{border-radius:25px;flex:3;margin:3%;background-color:#405010;overflow:auto;overflow-wrap:break-word}.display-screen::-webkit-scrollbar{margin-top:25px;margin-bottom:25px;width:10px}.display-screen::-webkit-scrollbar-track{margin-top:25px;margin-bottom:25px;background:#405010;border-radius:3px}.display-screen::-webkit-scrollbar-thumb{background:#708028;border-radius:3px}.display-screen::-webkit-scrollbar-thumb:hover{background:#809038}img{display:block;margin:auto;object-fit:cover}.icon{border:2px solid #708028;border-radius:25px;flex:1;width:75%;margin-top:6%;background-color:#708028;display:flex;align-items:center;justify-content:center}.icon img{object-fit:cover;width:90%}.today-info{border:2px solid #708028;border-radius:25px;padding:10px;margin:3%;flex:1;background-color:#405010;overflow:auto;overflow-wrap:break-word}.today-info::-webkit-scrollbar{margin-top:25px;margin-bottom:25px;width:10px}.today-info::-webkit-scrollbar-track{margin-top:25px;margin-bottom:25px;background:#405010;border-radius:3px}.today-info::-webkit-scrollbar-thumb{background:#708028;border-radius:3px}.today-info::-webkit-scrollbar-thumb:hover{background:#809038}.display-screen:after{content:"";position:absolute;top:8.1%;bottom:0;left:74.4%;width:2px;background-color:#405010}.spotify{border:2px solid #405010;border-radius:25px;background-color:#708028;flex:2;width:75%;margin-bottom:5%;overflow-x:hidden;overflow-y:auto;font-size:90%}.spotify::-webkit-scrollbar{margin-top:25px;margin-bottom:25px;width:10px}.spotify::-webkit-scrollbar-track{margin-top:50px;margin-bottom:50px;background:#708028;border-radius:3px}.spotify::-webkit-scrollbar-thumb{background:#405010;border-radius:3px}.spotify::-webkit-scrollbar-thumb:hover{background:#809038}.button{background-color:#708028;border:1px solid #405010;color:#d0d058;padding:15px 32px;height:fit-content;text-align:center;text-decoration:none;display:inline-block;font-size:16px;font-family:"Press Start 2P";flex:1;text-shadow:inherit}.button:hover{transform:scale(1.1)}.button:active{transform:translateY(5px);-webkit-transform:translate(0px,5px)}.round-button{border-radius:25px;display:block;margin:0 auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover,.logo.react:hover{filter:drop-shadow(0 0 2em #683a68)}body{font-family:"Press Start 2P"}nav{display:flex}p,a,li{color:#d0d058;margin-left:5%;margin-right:5%}hr{border:none;height:1px;background:transparent;background-image:linear-gradient(to right,#d0d058 50%,transparent 50%);background-size:20px 1px;width:95%;margin:2% auto}h1,h2{color:#d0d058;line-height:0;margin-left:5%;margin-right:5%}h3{color:#d0d058;margin-top:5%;line-height:1.2;margin-left:5%;margin-right:5%}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}@keyframes textShadow{0%{text-shadow:.4389924193300864px 0 1px rgba(0,30,255,.5),-.4389924193300864px 0 1px rgba(255,0,80,.3),0 0 3px}5%{text-shadow:2.7928974010788217px 0 1px rgba(0,30,255,.5),-2.7928974010788217px 0 1px rgba(255,0,80,.3),0 0 3px}10%{text-shadow:.02956275843481219px 0 1px rgba(0,30,255,.5),-.02956275843481219px 0 1px rgba(255,0,80,.3),0 0 3px}15%{text-shadow:.40218538552878136px 0 1px rgba(0,30,255,.5),-.40218538552878136px 0 1px rgba(255,0,80,.3),0 0 3px}20%{text-shadow:3.4794037899852017px 0 1px rgba(0,30,255,.5),-3.4794037899852017px 0 1px rgba(255,0,80,.3),0 0 3px}25%{text-shadow:1.6125630401149584px 0 1px rgba(0,30,255,.5),-1.6125630401149584px 0 1px rgba(255,0,80,.3),0 0 3px}30%{text-shadow:.7015590085143956px 0 1px rgba(0,30,255,.5),-.7015590085143956px 0 1px rgba(255,0,80,.3),0 0 3px}35%{text-shadow:3.896914047650351px 0 1px rgba(0,30,255,.5),-3.896914047650351px 0 1px rgba(255,0,80,.3),0 0 3px}40%{text-shadow:3.870905614848819px 0 1px rgba(0,30,255,.5),-3.870905614848819px 0 1px rgba(255,0,80,.3),0 0 3px}45%{text-shadow:2.231056963361899px 0 1px rgba(0,30,255,.5),-2.231056963361899px 0 1px rgba(255,0,80,.3),0 0 3px}50%{text-shadow:.08084290417898504px 0 1px rgba(0,30,255,.5),-.08084290417898504px 0 1px rgba(255,0,80,.3),0 0 3px}55%{text-shadow:2.3758461067427543px 0 1px rgba(0,30,255,.5),-2.3758461067427543px 0 1px rgba(255,0,80,.3),0 0 3px}60%{text-shadow:2.202193051050636px 0 1px rgba(0,30,255,.5),-2.202193051050636px 0 1px rgba(255,0,80,.3),0 0 3px}65%{text-shadow:2.8638780614874975px 0 1px rgba(0,30,255,.5),-2.8638780614874975px 0 1px rgba(255,0,80,.3),0 0 3px}70%{text-shadow:.48874025155497314px 0 1px rgba(0,30,255,.5),-.48874025155497314px 0 1px rgba(255,0,80,.3),0 0 3px}75%{text-shadow:1.8948491305757957px 0 1px rgba(0,30,255,.5),-1.8948491305757957px 0 1px rgba(255,0,80,.3),0 0 3px}80%{text-shadow:.0833037308038857px 0 1px rgba(0,30,255,.5),-.0833037308038857px 0 1px rgba(255,0,80,.3),0 0 3px}85%{text-shadow:.09769827255241735px 0 1px rgba(0,30,255,.5),-.09769827255241735px 0 1px rgba(255,0,80,.3),0 0 3px}90%{text-shadow:3.443339761481782px 0 1px rgba(0,30,255,.5),-3.443339761481782px 0 1px rgba(255,0,80,.3),0 0 3px}95%{text-shadow:2.1841838852799786px 0 1px rgba(0,30,255,.5),-2.1841838852799786px 0 1px rgba(255,0,80,.3),0 0 3px}to{text-shadow:2.6208764473832513px 0 1px rgba(0,30,255,.5),-2.6208764473832513px 0 1px rgba(255,0,80,.3),0 0 3px}}.layout-container:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:#1210101a;opacity:0;z-index:2;pointer-events:none;animation:flicker .15s infinite}.layout-container:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}