*{font-family:Jersey\ 10,system-ui;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box;letter-spacing:1.5pt}a,button,input{cursor:pointer}.heading-1,.heading-2,.heading-3{font-family:Jaini,system-ui;font-weight:400;font-style:normal;color:#2eff54}.view{display:flex;justify-content:center;min-height:100vh;background-color:#010101}.view.login{align-items:center}.view.login .login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;min-width:70%;width:90%;padding:15px}.view.login .login-form .form-inner{display:block;background-color:hsla(0,5%,48%,.15);padding:3rem 2rem;border-radius:16px;box-shadow:0 6px 12px rgba(0,0,0,.2);border:2px solid #2eff54}.view.login .login-form .form-inner .login-welcome{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.view.login .login-form .form-inner h1{color:#2eff54;font-size:28px;margin-bottom:30px}.view.login .login-form .form-inner label{display:block;margin-bottom:5px;color:#2eff54;font-size:1.6rem;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:300px;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:#312121;-moz-transition:.4s;transition:.4s;font-weight:300}.view.login .login-form .form-inner input[type=text]::placeholder{color:#312121;transition:.4s;font-weight:300}.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:#000;border:3px solid #2eff54;border-radius:8px;color:#2eff54;letter-spacing:3pt;font-size:1.5rem;font-weight:500}.view.login .login-form .form-inner:focus-within label{color:rgba(46,255,84,.749)}.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]::placeholder{color:#666}.view.chat{flex-direction:column}.view.chat header{position:relative;display:block;width:100%;padding:50px 30px 10px;display:flex;justify-content:space-evenly;align-items:center;align-content:center;flex-direction:column-reverse}.view.chat header .logout{position:absolute;top:15px;right:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:rgba(255,0,0,.88);color:#fff;font-size:25px;margin-bottom:10px;text-align:right;padding:.5rem;border-radius:9px;text-align:center}.view.chat header h1{color:#2eff54}.view.chat .chat-box{border-radius:24px 24px 0 0;background-color:rgba(32,32,32,0);flex:1 1 100%;padding:30px;display:flex;gap:1.5rem;border:2px solid #2eff54;flex-direction:column}.view.chat .chat-box .message{display:flex;margin-bottom:15px}.view.chat .chat-box .message .message-inner .username{color:#fff;font-size:1.6rem;margin-bottom:5px;padding-left:15px;padding-right:15px;font-weight:400}.view.chat .chat-box .message .message-inner .content{display:inline-block;border:2px solid #fff;padding:10px 20px;color:#fff;background:#061809;font-size:18px;max-width:300px;word-break:break-all;line-height:1.2em;text-align:left;border-radius:7px;transform:skew(-19deg,11deg) translate(4px,6px) rotate(-16deg)}.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;transform:skew(-5deg,5deg) translate(4px,6px) rotate(-1deg)}.view.chat footer{position:sticky;bottom:0;background-color:#010101;padding:30px;box-shadow:0 0 12px hsla(0,0%,39%,.2)}.view.chat footer form{display:flex;gap:.6rem}.view.chat footer form input[type=text]{flex:1 1 100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;display:block;width:100%;padding:10px 15px;border-radius:17px;border:4px solid rgba(46,255,84,.67);color:#fff;font-size:24px;box-shadow:0 0 0 transparent;background-color:transparent;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]::placeholder{color:#888;transition:.4s}.view.chat footer form button[type=submit],.view.chat footer form input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background-color:transparent;display:block;padding:10px 15px;border:4px solid rgba(46,255,84,.67);border-radius:17px;color:#fff;font-size:18px;font-weight:700}