body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.join-page{background-color:#131212;height:100vh;justify-content:center;width:100vw}.join-container,.join-page{align-items:center;display:flex}.join-container{flex-direction:column;height:50%;width:50%}.join-container>img{width:5vmax}.join-container>h1{border-bottom:.2vmax solid #fff;color:#fff;font-family:Roboto;font-size:2vmax;padding:1rem}#joininput{box-sizing:border-box;margin-top:2rem}#joininput,.joinbutton{border:none;outline:none;padding:1vmax;width:30vmax}.joinbutton{background-color:#fc0808;color:#fff;cursor:pointer;font-family:Roboto;font-size:1rem;font-weight:700;margin-top:1rem;transition:all .3s}.joinbutton:hover{background-color:#a50808}.chat-page{align-items:center;background-color:#131212;display:flex;height:100vh;justify-content:center;width:100vw}.chat-container{align-items:center;background-color:#fff;height:60%;width:40%}.header{align-items:center;background-color:red;display:flex;height:15%;justify-content:space-between;width:100%}.chat-box{height:70%;width:100%}.input-box{display:flex;height:15%;width:100%}.input-box input{font-size:1.5rem;height:90%;outline:none;padding-left:2rem;width:80%}.btn{background-color:red;border:none;border-radius:5px;cursor:pointer;outline:none;transition:all .3s;width:20%}.btn:hover{background-color:#ca0707}.btn img{-webkit-filter:invert();filter:invert();transition:all .5s;width:3vmax}.btn:hover img{-webkit-transform:translateX(5px);transform:translateX(5px)}.header h1{color:#fff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;padding:2vmax}.header img{cursor:pointer;height:1.5vmax;margin:1.5vmax;padding:1vmax;transition:all .5s;width:1.5vmax}.header img:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.message-box{border-radius:.5vmax;clear:both;display:inline-block;margin:1vmax;padding:1vmax;width:50%}.right{background-color:red;color:#fff;float:right}.left{background-color:#dcdcdc;float:left;overflow-x:hidden}
/*# sourceMappingURL=main.d8b9d6d8.css.map*/