@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:100%}@media(max-width: 830px){html{font-size:80%}}body{font-family:"Quicksand",sans-serif;background-color:#131254;margin:0;padding:0;font-size:1.6rem;line-height:1.5;color:#fff}.hello-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:100%;height:100vh}.hello-wrapper .rocket{display:grid;grid-template-columns:100%;grid-auto-rows:100%;align-items:center;background-image:url("/assets/img/space.jpg");background-size:cover;background-position:center center}.hello-wrapper .rocket .icon{margin-bottom:2rem;text-align:center}.hello-wrapper .rocket .icon img{width:50%;vertical-align:middle}.hello-wrapper .rocket .slogan{margin-bottom:2rem;font-size:2rem;text-transform:uppercase;letter-spacing:.4rem;text-align:center;font-weight:700}.hello-wrapper .rocket .slogan span{color:#ff007d}.hello-wrapper .rocket .asstronauts svg{display:block;width:40%;height:auto;margin:0 auto;fill:#17176a}.hello-wrapper .join{padding:4rem}.hello-wrapper .join .btn{margin:2rem 0}.hello-wrapper .join .fname{height:0;opacity:0}.hello-wrapper .hello{padding:4rem}.hello-wrapper .hello .btn{margin-bottom:2rem}.hello-wrapper .hello .btn.room{margin-top:2rem}.chat-wrapper .title{width:100%;padding:2rem;background-image:url("/assets/img/space.jpg");background-size:100%;background-position:center center}.chat-wrapper .title h1{margin:0;text-align:center;color:#fff}.chat-wrapper .intro{margin-bottom:4rem;text-align:center}.chat-wrapper .intro .icon{margin-bottom:2rem;text-align:center}.chat-wrapper .intro .icon img{width:6rem;vertical-align:middle}.chat-wrapper .chat{width:50rem;max-width:100%;margin:0 auto;padding:4rem 0 12rem}@media(max-width: 830px){.chat-wrapper .chat{padding:4rem 2rem 12rem}}.chat-wrapper .message{margin-bottom:2rem}.chat-wrapper .message .name-time{padding:.5rem 0}.chat-wrapper .message .name{display:inline-block;font-weight:700}.chat-wrapper .message .time{margin-left:1rem;font-size:1.4rem;color:#333cc2}.chat-wrapper .message .actions{float:right}.chat-wrapper .message .ask-to-leave-ship{display:inline-block;margin-right:1rem;font-size:1.4rem;color:#333cc2;cursor:pointer}.chat-wrapper .message .ask-rocketman{display:inline-block;margin-right:1rem;font-size:1.4rem;color:#333cc2;cursor:pointer}.chat-wrapper .message .text{margin-left:2rem;margin-bottom:.5rem;padding:.6rem 1rem;border-radius:1rem;background-color:#311b51}.chat-wrapper .message .text a{color:#ff007d}.chat-wrapper .message .img{margin-left:2rem;margin-bottom:.5rem}.chat-wrapper .message .img img{max-width:100%;vertical-align:middle}.chat-wrapper .message.rocketman .text{background-color:#17176a}.chat-wrapper .message .code{font-weight:700;color:#af72d2}.chat-wrapper .loading-messages{text-align:center;color:#ff007d}.chat-wrapper .loading-messages .loading-text{margin-top:1rem}.chat-wrapper .write{position:fixed;bottom:0;width:100%;background-color:#17176a}@media(max-width: 830px){.chat-wrapper .write{padding:0 2rem}}.chat-wrapper .write .message{width:50rem;max-width:100%;margin:0 auto;padding:1rem 0 2rem}.chat-wrapper .write .message .input{margin-left:2rem}.chat-wrapper .write .message .input input{background-color:#131254}.chat-wrapper .write input#upload{position:absolute;top:-1000px;left:-1000px;width:0px;height:0px;opacity:0}a,a:visited{color:#ff007d;text-decoration:none}a:hover{color:#af72d2}h1,h2,h3{color:#af72d2}h1{font-size:2.4rem;font-weight:700}p{margin-bottom:.6rem}strong{font-weight:700}.c0{color:#ff007d}.c1{color:#ffa07a}.c2{color:pink}.c3{color:hotpink}.c4{color:coral}.c5{color:orange}.c6{color:#fffacd}.c7{color:#ffe4b5}.c8{color:#ffdab9}.c9{color:#eee8aa}.c10{color:khaki}.c11{color:#e6e6fa}.c12{color:plum}.c13{color:#adff2f}.c14{color:#98fb98}.c15{color:#00fa9a}.c16{color:#9acd32}.c17{color:#66cdaa}.c18{color:#20b2aa}.c19{color:#afeeee}.c20{color:#40e0d0}.c21{color:#b0c4de}.c22{color:#b0e0e6}.c23{color:#87cefa}.c24{color:bisque}.c25{color:wheat}.c26{color:#f4a460}.c27{color:#daa520}.c28{color:#ffdead}.c29{color:#8fbc8f}.c30{color:violet}.c31{color:#bdb76b}.c32{color:#ffdab9}input[type=text]{display:inline-block;width:100%;margin:0;padding:.6rem 1rem;font-family:"Quicksand",sans-serif;font-size:1.6rem;line-height:1.5;color:#fff;vertical-align:middle;background-color:#17176a;border:none;border-radius:1rem}input[type=text]:focus{outline:0}label{display:block;text-transform:uppercase;font-size:1.4rem;padding:0 1rem}.btn{display:inline-block;padding:0 1.2rem;margin:0;font-family:"Quicksand",sans-serif;font-size:1.6rem;line-height:3.8rem;text-align:center;white-space:nowrap;vertical-align:middle;border:none;border-radius:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-appearance:none;-webkit-transition:background-color .1s linear;transition:background-color .1s linear;color:#fff;background-color:#ff007d}.btn:hover,.btn:focus{cursor:pointer;background-color:#d60069;text-decoration:none}.spinner{margin:0 auto;width:4.8rem;text-align:center}.spinner>div{position:relative;top:-2px;width:1.6rem;height:1.6rem;vertical-align:middle;background-color:#ff007d;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}