@import url(https://fonts.googleapis.com/css?family=Open+Sans|Poiret+One);@import url(https://fonts.googleapis.com/css?family=Open+Sans|Pacifico);body{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}.headerclass{font-family:Poiret One;font-weight:800}nav{font-family:sans-serif;background-color:rgba(29,29,29,.6)}.light-mode{background:-webkit-linear-gradient(45deg,#833ab4,#b61414,#d3933a);background:linear-gradient(45deg,#833ab4,#b61414,#d3933a)}.dark-mode,.light-mode{min-height:700px;color:#fff;align-items:center;font-family:sans-serif}.dark-mode{background:-webkit-gradient(linear,left top,left bottom,from(#323232),color-stop(40%,#3f3f3f),color-stop(150%,#1c1c1c)),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.4)),color-stop(200%,rgba(0,0,0,.25)));background:-webkit-linear-gradient(top,#323232,#3f3f3f 40%,#1c1c1c 150%),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.4),rgba(0,0,0,.25) 200%);background:linear-gradient(180deg,#323232 0,#3f3f3f 40%,#1c1c1c 150%),linear-gradient(0deg,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.25) 200%);background-blend-mode:multiply}.theHeader{padding-top:150px}.row{margin-right:0!important;margin-left:0!important}.modalBlur{-webkit-filter:blur(10px);filter:blur(10px)}.light-mode .modal-content{background:-webkit-linear-gradient(45deg,#833ab4,#b61414,#d3933a);background:linear-gradient(45deg,#833ab4,#b61414,#d3933a);opacity:.9}.light-mode .btn-outline-warning{color:#fff;border-color:#343a40!important;background-color:#343a40!important}.light-mode .btn-warning:hover{background:-webkit-linear-gradient(45deg,#833ab4,#b61414,#d3933a)!important;background:linear-gradient(45deg,#833ab4,#b61414,#d3933a)!important;color:#ffc107}.light-mode .btn-warning{background-color:#ffc107!important}.dark-mode .btn-warning{color:#ffc107;background-color:transparent!important}.dark-mode .btn-warning:hover{background-color:#ffc107!important}.dark-mode .modal-content{color:#b9b9b9;opacity:.9}.dark-mode .card-body,.dark-mode .modal-content{background:-webkit-gradient(linear,left top,left bottom,from(#323232),color-stop(40%,#3f3f3f),color-stop(150%,#1c1c1c)),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.4)),color-stop(200%,rgba(0,0,0,.25)));background:-webkit-linear-gradient(top,#323232,#3f3f3f 40%,#1c1c1c 150%),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.4),rgba(0,0,0,.25) 200%);background:linear-gradient(180deg,#323232 0,#3f3f3f 40%,#1c1c1c 150%),linear-gradient(0deg,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.25) 200%)}.card{background:none!important}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.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)}}body,p{margin:0}p{display:inline-block}.dark-mode .chatApp{color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#323232),color-stop(40%,#3f3f3f),color-stop(150%,#1c1c1c)),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.4)),color-stop(200%,rgba(0,0,0,.25)));background:-webkit-linear-gradient(top,#323232,#3f3f3f 40%,#1c1c1c 150%),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.4),rgba(0,0,0,.25) 200%);background:linear-gradient(180deg,#323232 0,#3f3f3f 40%,#1c1c1c 150%),linear-gradient(0deg,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.25) 200%);background-blend-mode:multiply}.chatApp,.dark-mode .chatApp{min-height:700px;align-items:center;font-family:sans-serif}.chatApp{background:-webkit-linear-gradient(45deg,#833ab4,#b61414,#d3933a);background:linear-gradient(45deg,#833ab4,#b61414,#d3933a);justify-content:center}.chatroom{min-width:300px;height:550px;background-color:rgba(0,0,0,.438);border-radius:5px;box-shadow:0 0 8px 0 rgba(0,0,0,.3)}.dark-mode h3{background:-webkit-gradient(linear,left top,left bottom,from(#323232),color-stop(40%,#3f3f3f),color-stop(150%,#1c1c1c)),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.4)),color-stop(200%,rgba(0,0,0,.25)));background:-webkit-linear-gradient(top,#323232,#3f3f3f 40%,#1c1c1c 150%),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.4),rgba(0,0,0,.25) 200%);background:linear-gradient(180deg,#323232 0,#3f3f3f 40%,#1c1c1c 150%),linear-gradient(0deg,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.25) 200%);color:#d3933a}h3{font-family:Pacifico,cursive;background-color:#833ab4;color:#fff;margin:0;height:40px;font-size:20px;display:flex;align-items:center;justify-content:center}.chatroom .chats{box-sizing:border-box;padding:0 20px;margin:10px 0 0;height:460px;overflow-y:scroll}.dark-mode .chatroom .chats .chat{background:#464543}.chatroom .chats .chat{background:hsla(0,0%,100%,.8);position:relative;padding:5px 13px;font-size:14px;border-radius:10px;list-style:none;float:left;clear:both;margin:10px 0;max-width:200px}.chatroom .chats .chat img{width:20px;height:20px;border-radius:50%;position:absolute;top:-10px;left:0}.dark-mode .chatroom .chats .chat.right{background:#d3933a;color:rgba(0,0,0,.78)}.chatroom .chats .chat.right{background:#d3933a;float:right;clear:both}.chatroom .chats .chat a{text-decoration:none;color:#3498db}.dark-mode .chatroom .input{background:#323232}.chatroom .input{height:40px;width:100%;background:#d3933a;display:flex;flex-direction:row;align-items:center}.chatroom .input input[type=text]{background:hsla(0,0%,100%,.5);outline:0;border:none;padding:0 5px;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:10px;height:30px;width:270px;box-sizing:border-box;font-size:14px}.chatroom .input input[type=submit]{background:transparent;border:1px solid #704e1f;height:30px;width:70px;font-size:14px;box-sizing:border-box;border-top-right-radius:5px;border-bottom-right-radius:5px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;margin-right:7px}.chatroom .input input[type=submit]:hover{background:-webkit-linear-gradient(45deg,#833ab4,#b61414,#d3933a);background:linear-gradient(45deg,#833ab4,#b61414,#d3933a);color:#fff;border:none}
/*# sourceMappingURL=main.f0054b24.chunk.css.map */