body{margin:0;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;font-weight:400}*{outline:none;border:0}body{background-color:#1a1c1f}.App{text-align:center;max-width:100%;margin:0 auto}.App header{background-color:#3c3c3c;color:#fff;position:fixed;width:100%;height:10vh;min-height:50px;top:0;display:flex;align-items:center;justify-content:space-between;z-index:99;padding:10px;box-sizing:border-box}.title{display:flex;justify-content:left;color:#4e91f0}.App section{justify-content:center;min-height:100vh;background-color:#1d1d1d}.App section,main{display:flex;flex-direction:column}main{padding:10px;height:70vh;margin:10vh 0;overflow-y:auto;scrollbar-color:#199df0 #1e1e24;scrollbar-width:thin}main::-webkit-scrollbar{width:10px}main::-webkit-scrollbar-track{background:#4d4d55;border-radius:10px}main::-webkit-scrollbar-thumb{background:rgba(0,157,255,.57);border-radius:10px}.form{height:10vh;position:fixed;bottom:0;background-color:#181717;width:100%;max-width:100%;display:flex;font-size:1.5rem}.btn{width:10%;color:#7c7c7c;background-color:#3a3a3a;font-size:30px;transition:.4s}.btn:enabled{color:#0b93f6}.input{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;line-height:1.5;width:100%;word-wrap:break-word;font-size:35px;resize:none;background:#3a3a3a;outline:none;padding:10px 10px 10px 30px}.input,button{color:#fff;border:none}button{background-color:#282c34;padding:15px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;font-size:1.25rem}.btn:disabled{cursor:not-allowed}@-webkit-keyframes fade{0%,50%{box-shadow:0 0 25px transparent}to{box-shadow:0 0 25px #0b93f6}}@keyframes fade{0%,50%{box-shadow:0 0 25px transparent}to{box-shadow:0 0 25px #0b93f6}}.sign-in{position:relative;color:#2c3342;background:#fff;width:400px;margin:0 auto 10px;padding:20px;font-weight:700;border-radius:15px;-webkit-animation:click 1s infinite alternate;animation:click 1s infinite alternate}li,ul{text-align:left;list-style:none}p{display:inline-block;max-width:500px;word-wrap:break-word;margin-bottom:12px;line-height:24px;padding:10px 20px;border-radius:25px;font-weight:600;position:relative;color:#fff;text-align:center}.uname{font-size:15px}.message{display:flex;align-items:center}.sent{flex-direction:row-reverse}.sent .p{color:#fff;background:#6f6f6f;align-self:flex-end;text-align:right}.received .p{background:#3c3c3c;color:#fff;text-align:left}.staff .img,.staff .p{border:3px solid rgba(0,208,255,.38)}.img,img{width:60px;height:60px;border-radius:50%}.sent .img{margin-left:5px}.received .img{margin-right:5px}.text{position:relative;font-size:30px;font-weight:600;line-height:50px}.inp{line-height:1.5;font-size:1.5rem;background:#3a3a3a;outline:none;padding:0 10px}.inp,.settingsmenu{color:#fff;border:none}.settingsmenu{position:fixed;background-color:#282c34;width:400px;border-radius:10px;height:400px}.name{word-wrap:break-word;top:100px;font-size:30px}.name,.userimg{position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.userimg{top:90px;width:130px;height:130px}.sign-out{position:absolute;bottom:5px;left:5px;border-radius:5px;transition:.4s;font-size:15px;border:1.5px solid #ef6868}.sign-out,.sign-out:hover{padding:5px;color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sign-out:hover{border-radius:5px;background-color:#f64a4a}dialog{transition:.4s}dialog[open]{-webkit-animation:open .7s alternate;animation:open .7s alternate}dialog::-webkit-backdrop{-webkit-animation:shadow .4s alternate;animation:shadow .4s alternate;background-color:#000;opacity:.5}dialog::backdrop{-webkit-animation:shadow .4s alternate;animation:shadow .4s alternate;background-color:#000;opacity:.5}@-webkit-keyframes shadow{0%{background-color:#000;opacity:0}to{background-color:#000;opacity:.5}}@keyframes shadow{0%{background-color:#000;opacity:0}to{background-color:#000;opacity:.5}}@-webkit-keyframes open{0%{opacity:0;transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes open{0%{opacity:0;transform:scale(1.2)}to{transform:scale(1);opacity:1}}.closeb{position:absolute;right:10px;top:5px;font-size:25px;cursor:pointer;color:#656d7d;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:.4s}.closeb:hover{color:#868fa2}.i{position:absolute;left:10px;top:10px;font-size:15px;font-weight:700;color:#656d7d;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tech{color:#fff}.settings{transition:.4s;-webkit-filter:grayscale(30%);filter:grayscale(30%)}.settings:hover{cursor:pointer;-webkit-filter:grayscale(0);filter:grayscale(0)}.esc{font-size:17px;font-weight:700}.crown{font-size:16px;color:#00d0ff}.google{position:absolute;left:-12px;width:70px;height:70px;color:#282c34;background-color:#fff;font-size:30px;padding:5px;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;top:-13px}@media (max-width:400px){p{display:inline-block;max-width:120px;margin-bottom:12px;line-height:24px;padding:10px 20px;border-radius:25px;position:relative;color:#fff;font-size:15px;text-align:center}.title{display:none}.input{font-size:20px;width:240px}.btn{width:50%}.text{font-size:15px}}@media (min-width:401px) and (max-width:610px){p{display:inline-block;max-width:300px;word-wrap:break-word;margin-bottom:12px;line-height:24px;padding:10px 20px;border-radius:25px;position:relative;color:#fff;text-align:center}.text{line-height:44px}}
/*# sourceMappingURL=main.58284b90.chunk.css.map */