body{font-family:Open Sans,sans-serif;margin:0}#welcome-screen{align-items:center;background-color:#00a8ff;display:flex;flex-direction:column;height:100vh;justify-content:center}#splash img{height:150px}#splash h3{color:#fff;font-size:24px;font-style:italic;font-weight:lighter;text-align:center}button{background-color:#fff;border:none;border-radius:5px;color:#00a8ff;cursor:pointer;font-size:24px;padding:10px}body{background-color:#f3f3f3}#main-screen{align-items:center;display:flex;height:100vh;justify-content:center}#window{background-color:#d5e5f4;border:5px solid #295163;border-radius:5px;box-shadow:15px 15px 10px rgba(41,81,99,.25)}#taskbar{background-color:#a5bdd5;justify-content:space-between;padding:10px}#taskbar,#taskbar #label{display:flex;flex-direction:row}#taskbar #label{align-items:center;justify-content:center;margin:0}#taskbar #label img{border-radius:5px;height:25px;margin:0}#taskbar #label h3{font-size:16px;margin:0 0 0 10px}#taskbar #close{background-color:#e2867e;border:3px solid #716464;border-radius:5px;color:#fff;cursor:pointer;font-weight:400;padding:0;text-align:center;width:50px}#main{display:flex;flex-direction:row;gap:25px;padding:15px}#chat-box{background-color:#78b2e7;border:2px solid #39526e;border-radius:5px;padding:5px;width:650px}#message-view{background-color:#fff;border:2px solid #708695;border-radius:5px;display:flex;flex-direction:column-reverse;height:300px;list-style:none;margin:0;overflow:auto;padding:0}#message-view li{font-weight:500;padding:5px}#message-view li #author{color:#4744ab;font-weight:600}#message-view li img{height:50px}#emoji-bar{align-items:center;background-color:#d4e6f0;border:2px solid #516d88;border-radius:5px;display:flex;flex-direction:row;margin-top:5px;padding:5px}#emoji-bar button{background:none;border:none;cursor:pointer;height:50px;margin:0 5px 0 0;padding:0}#emoji-bar img{border-radius:5px;height:50px;margin:0}#message-input{display:flex;flex-direction:row;height:40px;margin-top:5px}#message-input input{background-color:#fdfefc;border:2px solid #4a667f;border-radius:5px;flex:1 1;font-size:16px;padding:5px}#message-input input:focus{outline:none}#message-input button{background-color:#a5d9ee;border:2px solid #5b93b4;border-radius:5px;color:#000;cursor:pointer;font-size:16px;margin-left:5px;width:75px}@media only screen and (max-width:600px){#chat-box{width:300px}}
/*# sourceMappingURL=main.2f8b2f6e.css.map*/