*{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box}.view{display:flex;justify-content:center;min-height:100vh;background-color:#df1d41}.view.login{align-items:center}.view.login .login-form{display:block;width:100%;padding:15px}.view.login .login-form .form-inner{display:block;background-color:#fff;padding:50px 15px;border-radius:16px;box-shadow:0 6px 12px rgba(0,0,0,.2)}.view.login .login-form .form-inner h1{color:#aaa;font-size:28px;margin-bottom:30px}.view.login .login-form .form-inner label{display:block;margin-bottom:5px;color:#aaa;font-size:16px;transition:.4s}.view.login .login-form .form-inner input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;display:block;width:100%;padding:10px 15px;border-radius:8px;margin-bottom:15px;color:#333;font-size:18px;box-shadow:0 0 0 transparent;background-color:#f3f3f3;transition:.4s}.view.login .login-form .form-inner input[type=text]::-moz-placeholder{color:#888;-moz-transition:.4s;transition:.4s}.view.login .login-form .form-inner input[type=text]:-ms-input-placeholder{color:#888;-ms-transition:.4s;transition:.4s}.view.login .login-form .form-inner input[type=text]::placeholder{color:#888;transition:.4s}.view.login .login-form .form-inner input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;display:block;width:100%;padding:10px 15px;background-color:#333;border-radius:8px;color:#fff;font-size:18px;font-weight:700}.view.login .login-form .form-inner:focus-within label{color:#b61331}.view.login .login-form .form-inner:focus-within input[type=text]{background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.2)}.view.login .login-form .form-inner:focus-within input[type=text]::-moz-placeholder{color:#666}.view.login .login-form .form-inner:focus-within input[type=text]:-ms-input-placeholder{color:#666}.view.login .login-form .form-inner:focus-within input[type=text]::placeholder{color:#666}.view.chat{flex-direction:column}.view.chat header{position:relative;display:block;width:100%;padding:50px 30px 10px}.view.chat header .logout{position:absolute;top:15px;right:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;color:#fff;font-size:18px;margin-bottom:10px;text-align:right}.view.chat header h1{color:#fff}.view.chat .chat-box{border-radius:24px 24px 0 0;background-color:#fff;box-shadow:0 0 12px hsla(0,0%,39.2%,.2);flex:1 1 100%;padding:30px}.view.chat .chat-box .message{display:flex;margin-bottom:15px}.view.chat .chat-box .message .message-inner .username{color:#888;font-size:16px;margin-bottom:5px;padding-left:15px;padding-right:15px}.view.chat .chat-box .message .message-inner .content{display:inline-block;padding:10px 20px;background-color:#f3f3f3;border-radius:999px;color:#333;font-size:18px;line-height:1.2em;text-align:left}.view.chat .chat-box .message.current-user{margin-top:30px;justify-content:flex-end;text-align:right}.view.chat .chat-box .message.current-user .message-inner{max-width:75%}.view.chat .chat-box .message.current-user .message-inner .content{color:#fff;font-weight:600;background-color:rgba(158,14,40,.796078431372549)}.view.chat footer{position:sticky;bottom:0;background-color:#fff;padding:30px;box-shadow:0 0 12px hsla(0,0%,39.2%,.2)}.view.chat footer form{display:flex}.view.chat footer form input[type=text]{flex:1 1 100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;display:block;width:100%;padding:10px 15px;border-radius:8px 0 0 8px;color:#333;font-size:18px;box-shadow:0 0 0 transparent;background-color:#f3f3f3;transition:.4s}.view.chat footer form input[type=text]::-moz-placeholder{color:#888;-moz-transition:.4s;transition:.4s}.view.chat footer form input[type=text]:-ms-input-placeholder{color:#888;-ms-transition:.4s;transition:.4s}.view.chat footer form input[type=text]::placeholder{color:#888;transition:.4s}.view.chat footer form input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;display:block;padding:10px 15px;border-radius:0 8px 8px 0;background-color:#333;color:#fff;font-size:18px;font-weight:700}