body,html{box-sizing:border-box;margin:0;padding:0}.container{background:#141414;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;min-height:100vh;min-width:100vw}.main{align-items:center;color:#fbfbfb;display:flex;flex:1 1;flex-direction:column;justify-content:center}button,input,textarea{font-family:Source Code Pro,monospace;font-size:14px}button{cursor:pointer}.header{position:absolute;top:20px;right:20px}.header button{background:transparent;border:0;color:#fbfbfb;text-transform:uppercase}.messages{background:#f3f3f3;display:flex;flex-direction:column;height:70vh;min-height:500px;overflow:auto;padding:20px;width:80vw}.messages.loading{align-items:center;color:#141414;justify-content:center;text-transform:uppercase}.messages>span{color:#141414}.messages .message{display:flex;flex-direction:column;margin-bottom:18px;width:70%}.messages .message .content{border-radius:4px;padding:9px 11px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.messages .message.left .content{background:#fbfbfb;border:.5px solid #141414;color:#141414}.messages .message.right{align-items:flex-end;align-self:flex-end}.messages .message.right .content{background:#141414;border:.5px solid #fbfbfb;color:#fbfbfb}.messages .message .user-info{color:#949494;font-size:10px;margin-top:5px;margin-left:5px}.message-form{border:1px solid #fbfbfb;border-top-color:#141414;display:flex;height:60px}.message-form textarea{border:0;flex:1 1;padding:8px}.message-form button{background:#141414;border:0;color:#fbfbfb;font-family:Source Code Pro,monospace;font-size:14px;height:100%;letter-spacing:1px;text-transform:uppercase;width:70px}@media (min-width:768px){.messages{width:500px}}.welcome{align-items:center;display:flex;flex-direction:column;justify-content:space-around;min-height:25vh;width:70vw}.welcome>div{margin-bottom:30px}.welcome h1{font-weight:300;margin-top:0;text-transform:uppercase}.username-form{display:flex;flex-direction:column;width:100%}.username-form input{background:#fbfbfb;border:0;border-radius:4px;color:#141414;font-size:14px;line-height:16px;margin-bottom:10px;padding:11px}.username-form input:focus{outline:none}.username-form span{color:#cd5c5c;font-size:12px}.username-form button{background:#fbfbfb;border-radius:4px;line-height:16px;margin-top:10px;padding:10px 0;text-transform:uppercase}@media (min-width:768px){.welcome{width:290px}.welcome>div{margin-bottom:45px}.username-form{width:100%}}
/*# sourceMappingURL=main.4710d0b6.chunk.css.map */