*{margin:0;box-sizing:border-box}body{margin:0;box-sizing:border-box;background-color:#000}.navLink{font-family:Impact,sans-serif;font-size:2rem;font-weight:700;color:#94140a;text-decoration:none;margin:1rem}.navLink:visited{font-family:Impact,sans-serif;font-size:2rem;font-weight:700;color:#94140a;text-decoration:none}.menuClock{flex:1;margin:auto;font-family:Impact,sans-serif;font-size:2rem;font-weight:700;color:#94140a;display:flex;justify-content:center;align-items:center}.menuComment{flex:3;margin:auto}.menuNav{flex:1;margin:auto}.menu{height:3rem;display:flex;background-color:#3b3b3b;z-index:10}.divContainer{display:flex;height:calc(100vh - 3rem)}.subpageContainer{width:calc(100vw - 450px)}.chatContainerHome{float:left;overflow:auto;width:450px;height:100%;z-index:10}@media only screen and (max-width: 1100px){.menuClock,.menuComment{display:none}.menu{position:fixed;top:0;left:0;width:100%;height:3rem;z-index:11}.menuNav{display:flex;justify-content:center;justify-items:center}.navLink{margin:auto}.divContainer{display:block;height:calc(100vh - 3rem);margin-top:3rem;overflow-x:auto}.divContainer::-webkit-scrollbar{display:none}.chatContainerHome{overflow:auto;width:100%;height:50rem;z-index:10}.subpageContainer{width:100vw}}.liveChatBox{background-color:var(--secondaryBg);height:100%;display:flex;flex-direction:column;justify-content:space-between;--borderRadius: 15px;--paddingAndMargin: 15px;--primaryBg: #3b3b3b;--secondaryBg: #2a2a2a;--scrollBg: #272727;--scrollIdle: #94140a;--scrollHover: #d9200f}.liveChatHeaderBar{display:flex;justify-content:space-between;align-items:center;padding-left:var(--paddingAndMargin);padding-right:var(--paddingAndMargin);height:5rem}.liveChatHeader{flex-grow:1;text-align:center;color:var(--scrollHover);font-family:Impact,sans-serif;font-size:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center}.activeUsersCount{height:40px;justify-content:left;text-align:center;display:flex}.liveChatHeaderDivider{height:75%;width:.25rem;justify-content:left;text-align:center;display:flex;background:var(--primaryBg);margin:var(--paddingAndMargin)}.chat{flex:1;background-color:var(--primaryBg);padding-top:var(--borderRadius);overflow-y:auto;width:100%;text-align:center;font-family:Consolas,Liberation Mono,Courier New,monospace;font-size:1.5rem;font-weight:bolder;color:gray}.chat::-webkit-scrollbar{width:15px}.chat::-webkit-scrollbar-track{background:var(--scrollBg)}.chat::-webkit-scrollbar-thumb{background:var(--scrollIdle)}.chat::-webkit-scrollbar-thumb:hover{background:var(--scrollHover)}.message{font-family:Consolas,Liberation Mono,Courier New,monospace;font-size:1.2rem;text-align:left;padding:5px;word-break:break-word}.timeStamp{width:4rem;height:1.2rem;float:left;color:gray}.username{color:var(--scrollHover);font-weight:700;margin-right:.6rem}.text{color:#f8f8ff}.inputContainer{position:relative;width:100%;margin-top:var(--paddingAndMargin)}.inputLabel{position:absolute;top:-10px;left:0;font-size:12px;color:gray;background-color:var(--primaryBg);border-radius:var(--borderRadius) var(--borderRadius) 0 0;padding:3px 5px;pointer-events:none;transition:all .3s ease;font-family:onsolas,Liberation Mono,Courier New,monospace;z-index:1}.input:focus+.inputLabel,.input:not(:placeholder-shown)+.inputLabel{top:-20px;font-size:10px;color:var(--primaryBg)}.inputBox{background-color:var(--primaryBg);position:relative;height:40px;width:100%;border-radius:var(--borderRadius)}.input{background-color:#fff0;margin-left:10px;margin-right:10px;margin-top:3px;width:95%;height:85%;border:none;outline:none;color:#f8f8ff;float:left}.error{font-family:Consolas,Liberation Mono,Courier New,monospace;color:var(--scrollHover)}.buttonBox{margin-top:var(--borderRadius);width:100%}.button{height:40px;width:100%;background-color:var(--secondaryBg);justify-content:center;text-align:center;border:none;text-decoration:none;display:flex}.button:hover,.button:active{background-color:var(--primaryBg)}.sendImage{height:75%;margin:auto}@media only screen and (max-width: 1100px){.chat{height:40rem}}.activeUsers{display:flex;float:left;height:3.5rem;width:3.5rem;flex-direction:column;justify-content:center;align-items:center;position:relative}.activeUsers img{width:100%;height:100%}.activeUsersCount{position:relative;align-items:center;color:#000;font-size:1rem;font-family:Impact,serif}.activeUsersCountBox{position:absolute;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;top:.25rem}.day{font-family:Consolas,Liberation Mono,Courier New,monospace;font-size:2rem;font-weight:700;color:#d9200f}.graph{width:calc(100vw - 450px);float:left;overflow-x:hidden;height:100%}.graph::-webkit-scrollbar{display:none}.background{background-image:url(/assets/background/background_image.png);background-repeat:no-repeat;background-size:cover;opacity:.5;filter:blur(5px);width:100%;height:100%;z-index:-10;position:fixed}@media only screen and (max-width: 1100px){.graph{width:100vw;overflow-x:hidden;overflow-y:scroll}}.chartWithControls{display:flex;flex-direction:column;height:calc(100vh - 5rem);width:100%}.plutograph{flex:1;width:100%}.dateSelection{flex:0 0 auto}.dateSelectionBar{height:5rem}.dateSelectionButton{background-color:transparent;border:none;color:gold;padding:.5rem;margin:.5rem;cursor:pointer;border-radius:.5rem;width:50px;text-align:center}.dateSelectionButton:hover{text-decoration:underline}.dateSelectionButton.selected{outline:2px solid gold;pointer-events:none}.panel{width:100%;height:5rem;display:flex;justify-content:center;align-items:center}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.background{background-image:url(/assets/background_image-C26tXuhV.png);background-repeat:no-repeat;background-size:cover;opacity:.5;filter:blur(5px);width:100%;height:100%;z-index:-10;position:fixed}.background{background-image:url(/assets/background/background_image.png);background-repeat:no-repeat;background-size:cover;opacity:.5;filter:blur(5px);width:100%;height:100%;z-index:-10;position:fixed}.splashContainer{text-align:center;margin-top:30px;margin-bottom:40px}.timerContainer{text-align:center;margin-top:-60px;margin-bottom:40px}.plutaContainer{text-align:center;width:600px;aspect-ratio:1/1;margin-left:auto;margin-right:auto}@media only screen and (min-width: 1100px){.chatContainer{display:none}.main{width:100%;float:left;overflow-x:hidden;height:100%}.main::-webkit-scrollbar{display:none}}@media only screen and (max-width: 1100px){.main{overflow-x:hidden;overflow-y:scroll;width:100%}.main::-webkit-scrollbar{display:none}.splashContainer{padding:1rem}.timerContainer{text-align:center;margin-top:60px;margin-bottom:0}.plutaContainer{text-align:center;width:350px;aspect-ratio:1/1;margin-left:auto;margin-right:auto}.chatContainer{overflow:auto;width:100%;height:100%}}.splash{font-family:Consolas,Liberation Mono,Courier New,monospace;text-align:center;font-size:1.5rem;color:gold;animation:splashAnimation 1.3s infinite linear}@keyframes splashAnimation{0%{transform:scale(1)}50%{transform:scale(1.5)}}.box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.canvas{width:100%;height:100%}.plutaInfo{position:absolute;margin-top:200px;text-align:center;font-family:Impact,serif;font-size:3.5rem;font-weight:700;text-shadow:yellow 0 0 10px}p{margin:4px 0}.critical{font-size:16px;color:red}.motivational{font-size:16px;color:#00f}.container{background-color:var(--primaryBg);width:50%;padding:2rem;margin-left:auto;margin-right:auto;display:flex;--primaryBg: #3b3b3b}.time{flex:1;margin:auto 1rem;font-family:Impact,sans-serif;font-size:3rem;font-weight:700;color:#94140a}.countdown{flex:3;margin:auto 1rem;font-family:Consolas,Liberation Mono,Courier New,monospace;font-size:2rem;font-weight:700;text-align:left;color:#d9200f}@media only screen and (max-width: 1100px){.container{background-color:var(--primaryBg);width:100%;padding:1rem;margin:0;--primaryBg: #3b3b3b}.time{margin:auto 1rem;font-family:Impact,sans-serif;font-size:3rem;font-weight:700;color:#94140a}.countdown{margin:auto 1rem;font-family:Consolas,Liberation Mono,Courier New,monospace;font-size:2rem;font-weight:700;text-align:left;color:#d9200f}}@media only screen and (max-width: 400px){.countdown{font-size:1.5rem}}
