@import url(https://fonts.googleapis.com/css?family=Bangers|Alegreya+Sans);body{margin:0;padding:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#wrapper{width:100%;display:flex;justify-content:space-evenly;flex-direction:row}#title{font-family:Bangers,cursive;font-size:100px;color:#030a33;text-align:center;top:10px}#startForm{position:relative;display:flex;justify-content:center;flex-direction:row;background-color:#030a33;margin:5% auto;overflow-y:auto;padding:5px;border:5px solid #1d1c1c;border-radius:15px;opacity:.8;min-width:575px;max-width:600px;min-height:35px;max-height:450px}#startForm img{width:60px;height:60px;margin-right:20px;border-radius:50%;opacity:.6}#selectTitle h3{font-size:50px;text-align:center}#selectTitle h3,#startForm input{font-family:Bangers,cursive;background-color:#1577a5}#startForm input{font-size:25px;border-radius:25px;font-weight:700;margin-top:5px;width:150px;height:50px}#bottomBtnsDiv{position:absolute;bottom:2%;display:flex;justify-content:space-between;flex-direction:row}.bottomBtns{font-family:Bangers,cursive;font-size:20px;background-color:#1577a5;width:200px;margin-left:200px;margin-right:200px}.bottomBtns,.chatInput{border-radius:25px;font-weight:700}.chatInput{font-family:Alegreya Sans,sans-serif;padding-left:10px;margin-right:5px;font-size:22px;width:75%;height:30px}.sendBtn{font-family:Bangers,cursive;font-size:20px;background-color:#1577a5;border-radius:25px;width:100px;font-weight:700}.chatapp{position:relative;display:flex;justify-content:center;flex-direction:column;background-color:#030a33;margin:2% auto;overflow-y:auto;padding:5px;border:5px solid #1d1c1c;border-radius:15px;opacity:.8;min-width:575px;max-width:600px;min-height:35px;max-height:450px}.chatForm,.selectForm{position:relative;width:100%;bottom:5%}.container{border:2px solid #dedede;background-color:#f1f1f1;border-radius:5px;padding:10px;margin:10px 0}.darker{border-color:#ccc;background-color:#ddd}.container:after{content:"";clear:both;display:table}.container img{float:left;max-width:60px;width:100%;margin-right:20px;border-radius:50%}.container img.right{float:right;margin-left:20px;margin-right:0}.time-right{float:right;color:#aaa}.time-left{float:left;color:#999}figcaption{display:block}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}
/*# sourceMappingURL=main.c8d4a843.chunk.css.map */