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{background-color:#9cdc9c;display:flex;flex-direction:column;height:100vh;max-height:100vh;scrollbar-color:#8ccc9c #9cdc9c;text-align:center;width:100vw}*{box-sizing:border-box}.App .columns{display:flex;flex-direction:row;height:100%;max-height:100vh;width:100%}.App .columns .col{display:flex;flex-direction:column;height:100%;max-height:100%}.App .columns .W-20{width:20rem}.App .columns .W-80{width:calc(100% - 20rem)}.App .btn,.App button{background-color:#7aba7a;border-radius:5px;border-style:none}@media only screen and (max-width:600px){.App .columns .W-20{overflow-x:hidden;width:0;z-index:2}.App .columns .W-80{width:100%}}.Message{background-color:#8fbcac;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;margin:5px auto 5px 0;text-align:end;width:80%}.Message.self{flex-direction:row-reverse;margin-left:auto;margin-right:0;text-align:start}.author{background-color:#afdccc;border-radius:5px}.author,.text{padding:5px}.Messages{display:flex;flex-direction:column;flex-grow:1;height:auto;justify-content:flex-start;max-height:100%;overflow-y:scroll;padding:10px;scrollbar-width:none;width:95%}.Messages::-webkit-scrollbar{display:none}.UserList{background-color:#8ccc9c;display:flex;flex-direction:column;height:100%;max-height:100%;position:relative}.UserList .user{color:#4d2fdc;font-weight:500;margin-top:5px}.UserList .title{background-color:#7cbc8c;font-size:28px;font-weight:600}.UserList .list{display:flex;flex-direction:column;flex-grow:1;font-size:22px;max-height:100%;scrollbar-color:#7cbc8c #8ccc9c}.SettingsButton{align-items:center;background-color:#71af61;display:flex;justify-content:center;padding:5px;width:100%}.SettingsButton:hover{background-color:#71a161}.SettingsModal{background-color:#4c9c5c;bottom:0;display:flex;flex-direction:column;height:0;left:0;overflow:hidden;position:absolute;transition:height 1s;width:20rem}.SettingsModal.enabled{height:100%;transition:height .5s;width:20rem;z-index:10}.SettingsModal h1{color:#fff}.SettingsModal *{margin-left:5px;margin-right:5px}.SettingsModal .close{margin-left:auto;padding:5px}.SettingsModal .contents{display:flex;flex-direction:column;padding:5px}.SettingsModal .contents .row{display:flex;flex-direction:row;margin:0;width:100%}@media only screen and (max-width:600px){.SettingsModal{width:100vw!important}}.MessageBox{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;width:auto}.MessageBox textarea{-ms-overflow-style:none;background-color:#7ccc8c;border:none;border-radius:5px;height:38px;padding:12px;resize:none;scrollbar-width:none;transition:width .5s ease-in;width:100%}.MessageBox textarea::-webkit-scrollbar{display:none}.MessageBox .submitBtn{display:none}.MessageBox .empty{min-width:200px;transition:width .5s ease-in;width:25%}.MessageBox textarea:focus{transition:width .5s ease-out;width:100%}@media only screen and (max-width:600px){.MessageBox .empty{margin:0 4px 0 0;width:100%}.MessageBox .submitBtn{align-content:center;align-items:center;display:flex;padding-left:.75rem;padding-right:.75rem}}.Navbar{display:none}@media only screen and (max-width:600px){.Navbar{align-items:center;background-color:#6dad7c;display:flex;flex-direction:column;font-size:18px;min-height:45px;overflow-y:hidden;width:100%}.Navbar .options{background-color:#7cbd8c;display:flex;flex-grow:0;flex-shrink:0;height:0;overflow:hidden;position:absolute;top:45px;transition:height .5s ease-out;width:100%;z-index:2}.Navbar .options .item{width:100%}.Navbar .options.enabled{display:flex;height:75vh;justify-content:center;transition:height .5s ease-out}.Navbar .toggleButton{background-color:#7ccd9c;border-radius:5px;display:flex;flex-direction:column;flex-shrink:0;height:35px;justify-content:space-around;margin:5px auto 5px 5px;padding:5px;width:45px}.Navbar .line{background-color:#574757;height:2px;width:35px}}.NavToggle{color:#fff;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:10px;text-align:center;width:90%}.Modal{display:flex;height:100vh;width:100vw}.Modal,.Modal .background{left:0;position:absolute;top:0}.Modal .background{background-color:rgba(99,99,99,.5);filter:blur(8px);-webkit-filter:blur(8px);height:100%;width:100%;z-index:9}.Modal .content{align-items:center;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:25rem;justify-content:center;margin:auto;width:25rem;z-index:11}.Modal .content input{margin:1em}
/*# sourceMappingURL=main.ab08ed61.css.map*/