@import"https://fonts.googleapis.com/css2?family=Electrolize&family=Ubuntu:ital,wght@0,300;0,400;1,300;1,400&family=Rubik:wght@300&display=swap";html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box;margin:0;padding:0}html,.chats{scroll-behavior:smooth}P::-moz-selection{color:#000;background:#7fff00}p::selection{color:#000;background:#7fff00}body{background-color:#181818;color:#cfcfcf;font-family:"Ubuntu",sans-serif}header{position:relative;height:3.5em;display:flex;justify-content:space-around;align-items:center;z-index:10;background:#0b0b0b;box-shadow:#000 0px 2px 4px}header .status-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:inherit}header .status-container .led{width:.75em;height:.75em;background-color:lime;border-radius:50%;box-shadow:rgba(0,0,0,.2) 0 -1px 7px 1px,inset green 0 -1px 9px,#00f500 0 2px 12px}header .status-container .onlineCount{font-family:"Electrolize",sans-serif;color:lime;font-size:.8em;position:absolute;bottom:2px}header .logo-container h1{text-align:center;margin:.3em 0px;font-size:1.8em;font-weight:lighter;font-family:"Rubik",sans-serif;background:linear-gradient(141.27deg, #ff904e -4.24%, #ff5982 21.25%, #ec68f4 44.33%, #79e2ff 83.46%);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:gradientHeading 10s ease infinite}@keyframes gradientHeading{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}header .settingIcon img{width:2em;animation:rotate 2s infinite linear paused forwards}header .settingIcon img:hover{animation-play-state:running}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.welcomePage{width:100vw;height:100vh;position:fixed;top:0;background:#181818;z-index:10;overflow:scroll}.welcomePage::-webkit-scrollbar{height:0;width:0}.welcomePage::-webkit-scrollbar-thumb{height:0;width:0}.welcomePage::-webkit-scrollbar-track{height:0;width:0}.welcomePage h2{font-weight:lighter;text-align:center;font-size:2.3em;margin:20vh auto}.welcomePage h2 span{background:linear-gradient(92.7deg, #56d364 -1.37%, #79c0ff 78.71%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:lighter;font-weight:normal}.welcomePage form#inputUsername{margin:17em auto 4em auto;max-width:45em;display:none}.welcomePage form#inputUsername input{width:85%;border-radius:.3em;padding:7px;box-shadow:#000 2px 2px 4px;display:block;font-size:20px;margin:.75em auto;border:2px solid}.welcomePage form#inputUsername input[type=text]{border-color:#666;background-color:#313131;color:#fff}.welcomePage form#inputUsername input[type=text]:focus{outline:none}.welcomePage form#inputUsername input[type=text]:focus:invalid{border-color:#ff4500}.welcomePage form#inputUsername input[type=text]:focus:valid{border-color:lime}.welcomePage form#inputUsername input[type=submit]{background:linear-gradient(92.7deg, #56d364 -1.37%, #79c0ff 78.71%);border-color:#181818;color:#000}.welcomePage .loader{margin-top:15em;display:flex;justify-content:center;align-items:center}.welcomePage .loader .wave{width:4px;height:5em;background:linear-gradient(45deg, cyan, #fff);margin:10px;animation:wave 1s linear infinite;border-radius:20px;transform:scale(0)}.welcomePage .loader .wave:nth-child(2){animation-delay:.2s}.welcomePage .loader .wave:nth-child(3){animation-delay:.3s}.welcomePage .loader .wave:nth-child(4){animation-delay:.4s}.welcomePage .loader .wave:nth-child(5){animation-delay:.5s}.welcomePage .loader .wave:nth-child(6){animation-delay:.6s}.welcomePage .loader .wave:nth-child(7){animation-delay:.7s}.welcomePage .loader .wave:nth-child(8){animation-delay:.8s}.welcomePage .loader .wave:nth-child(9){animation-delay:.9s}.welcomePage .loader .wave:nth-child(10){animation-delay:1s}@keyframes wave{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.typingStatus{position:fixed;background:#0b0b0b;width:100%;text-align:center;z-index:5;top:2.5em;padding:.2em;font-size:.8em;font-style:italic;color:#75eb00;animation:blink .5s infinite alternate linear}@keyframes blink{from{color:#75eb00}to{color:#4c9900}}main .onlineUsersPage,main form#msgForm,main .settingsPage,main .chats{position:fixed;left:0;right:0;width:100vw;background-color:#181818}main .onlineUsersPage{z-index:2;left:-100%;overflow-y:scroll;height:calc(100vh - 3.5em)}main .onlineUsersPage::-webkit-scrollbar{border-radius:5px;height:10px;width:.2em}main .onlineUsersPage::-webkit-scrollbar-thumb{background:linear-gradient(92.7deg, #56d364 -1.37%, #79c0ff 78.71%);border-radius:5px}main .onlineUsersPage::-webkit-scrollbar-track{border-radius:5px;background:#000}main .onlineUsersPage>h2{background:linear-gradient(92.7deg, #56d364 -1.37%, #79c0ff 78.71%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:lighter;font-weight:lighter;text-align:center;font-size:1.8em;margin:1.5em}main .onlineUsersPage .onlineUsers-container .onlineUser{margin:.4em .8em;border-radius:.25em;background-color:#131313;background:linear-gradient(140deg, #010101, #141414);box-shadow:#000 2px 2px 2px,inset #3a3a3a 2px 2px 2px;transition:transform .5s;width:90%;margin:.6em .8em;padding:.8em;display:flex;justify-content:space-between;align-items:center;flex-direction:row}main .onlineUsersPage .onlineUsers-container .onlineUser:hover{transform:scale(1.02);box-shadow:#000 2px 2px 4px,inset #3a3a3a 2px 2px 2px}main .onlineUsersPage .onlineUsers-container .onlineUser:last-child{margin-bottom:3em}main .onlineUsersPage .onlineUsers-container .onlineUser .details .name{font-size:1.1em;margin-bottom:.2em}main .onlineUsersPage .onlineUsers-container .onlineUser .details .lastSeen{font-size:.75em;color:#9c9c9c;font-style:italic}main .onlineUsersPage .onlineUsers-container .onlineUser .status.online{width:12px;height:12px;background-color:lime;border-radius:50%;box-shadow:rgba(0,0,0,.2) 0 -1px 7px 1px,inset green 0 -1px 9px,#00f500 0 2px 12px}main .onlineUsersPage .onlineUsers-container .onlineUser .status.offline{width:12px;height:12px;background-color:red;border-radius:50%;box-shadow:rgba(0,0,0,.2) 0 -1px 7px 1px,inset maroon 0 -1px 9px,#f50000 0 2px 12px}main .settingsPage{z-index:3;left:100%;background-color:#181818;height:calc(100vh - 3.5em)}main .settingsPage h2{background:linear-gradient(130deg, #027bfd -24.67%, #9f51fb 53.55%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:lighter;text-align:center;font-size:2em;margin:1.5em auto 1em auto}main .settingsPage p{width:90%;margin:auto auto 2em auto;text-align:justify;font-size:1em}main .settingsPage p a{color:#1e90ff;text-decoration:none}main .settingsPage button{width:90%;display:block;padding:.4em;font-size:1em;margin:.5em auto;border-radius:.25em;transition:transform .3s;border:1px solid rgba(0,0,0,0);box-shadow:#000 2px 2px 4px}main .settingsPage button:hover{transform:scale(0.95)}main .settingsPage button:active{transform:scale(0.8)}main .settingsPage button.scroll,main .settingsPage button.sound{background:#ccc}main .settingsPage button.logout{background-color:#ff4500}main .settingsPage button.viewSource{background:linear-gradient(92.7deg, #56d364 -1.37%, #79c0ff 78.71%)}main .settingsPage button.bugReport{background:linear-gradient(130deg, #027bfd -24.67%, #9f51fb 53.55%)}main .chats{overflow-y:scroll;height:calc(100vh - 6.5em)}main .chats::-webkit-scrollbar{border-radius:5px;height:10px;width:.2em}main .chats::-webkit-scrollbar-thumb{background:linear-gradient(130deg, #027bfd -24.67%, #9f51fb 53.55%);border-radius:5px}main .chats::-webkit-scrollbar-track{border-radius:5px;background:#000}main .chats>div:last-child{margin-bottom:4em}main .chats .message{margin:.4em .8em;border-radius:.25em;background-color:#131313;background:linear-gradient(140deg, #010101, #141414);box-shadow:#000 2px 2px 2px,inset #3a3a3a 2px 2px 2px;transition:transform .5s;width:80%;padding:.2em}main .chats .message:hover{transform:scale(1.02);box-shadow:#000 2px 2px 4px,inset #3a3a3a 2px 2px 2px}main .chats .message.receive{float:left}main .chats .message.send{float:right}main .chats .message.send .username{background:linear-gradient(141.27deg, #ff904e -4.24%, #ff5982 21.25%, #ec68f4 44.33%, #79e2ff 83.46%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:lighter}main .chats .message .username{font-size:.8em;padding:.2em 0 0 .4em;display:inline-block;background:linear-gradient(92.7deg, #56d364 -1.37%, #79c0ff 78.71%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:lighter}main .chats .message .country{display:inline-block;color:#8f8f8f;font-size:.7em}main .chats .message .text{font-size:1em;font-weight:lighter;padding:.1em 0 .2em .5em;word-break:break-word}main .chats .message .text a{color:#1e90ff;text-decoration:none;font-style:italic}main .chats .message .time{font-size:.55em;text-align:right;font-style:italic;color:#8f8f8f;padding:0 .4em .2em 0;font-family:"Electrolize",sans-serif}main form#msgForm{height:3em;bottom:0;display:flex;align-items:center;justify-content:space-around;flex-direction:row;min-height:2.2em;z-index:1}main form#msgForm button,main form#msgForm input{height:1em;border-radius:.3em;min-height:2.2em}main form#msgForm input{flex-basis:82%;color:#cfcfcf;border:2px solid #666;background-color:#313131;font-size:1.1em;padding-left:.4em}main form#msgForm input:focus{outline:none}main form#msgForm input:focus:invalid{border-color:#ff4500}main form#msgForm input:focus:valid{border-color:#7fff00}main form#msgForm button{background:linear-gradient(141.27deg, #ff904e -4.24%, #ff5982 21.25%, #ec68f4 44.33%, #79e2ff 83.46%);flex-basis:12%;border:none}main form#msgForm button img{width:18px;height:18px}@media screen and (min-width: 600px){main .chats .message{width:60%}main .chats,main form#msgForm{width:60vw;left:20vw}main .onlineUsersPage{width:20vw;left:0}main .settingsPage{width:20vw;left:80vw}}/*# sourceMappingURL=main.min.css.map */
