html{width:100%;height:100%;background:repeating-linear-gradient(45deg,#92c9b1,#92c9b1 20px,#b3e0d2 20px,#b3e0d2 40px)}.generalForm{--background: #d3d3d3;--input-focus: #2d8cf0;--font-color: #323232;--font-color-sub: #666;--bg-color: #fff;--main-color: #323232;padding:50px;background:var(--background);display:flex;flex-direction:column;align-items:normal;justify-content:center;max-width:30em;margin:5em auto;gap:20px;border-radius:5px;border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color)}.generalForm>p{font-family:var(--font-DelaGothicOne);color:var(--font-color);font-weight:700;font-size:20px;margin-bottom:15px;display:flex;flex-direction:column}.generalForm>p>span{font-family:var(--font-SpaceMono);color:var(--font-color-sub);font-weight:600;font-size:17px}.separator{width:100%;display:flex;align-items:center;justify-content:center;gap:5px}.separator>div{width:100px;height:3px;border-radius:5px;background-color:var(--font-color-sub)}.separator>span{color:var(--font-color);font-family:var(--font-SpaceMono);font-weight:600}.generalButton{display:flex;justify-content:center;align-items:center;gap:5px;padding:auto 15px 15px auto;width:250px;height:40px;border-radius:5px;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:16px;font-weight:600;color:var(--font-color);cursor:pointer;transition:all .25s;position:relative;overflow:hidden;z-index:1;align-self:center}.generalButton:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:#212121;z-index:-1;-webkit-box-shadow:4px 8px 19px -3px rgba(0,0,0,.27);box-shadow:4px 8px 19px -3px #00000045;transition:all .25s}.generalButton:hover{color:#e8e8e8}.generalButton:hover:before{width:100%}.generalForm>input{width:250px;height:40px;border-radius:5px;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:15px;font-weight:600;color:var(--font-color);padding:5px 10px;outline:none;align-self:center}.message{font-size:20px;font-weight:700;color:var(--font-color)}.new-message-input{width:20em;height:30px;border-radius:5px;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:15px;font-weight:600;color:var(--font-color);padding:5px;outline:none;align-self:center}.send-button{justify-content:center;align-items:center;gap:5px;width:60px;height:40px;border-radius:5px;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:16px;font-weight:600;color:var(--font-color);cursor:pointer}.chat-messages{overflow-y:auto;height:200px;max-height:60vh;scroll-behavior:smooth;will-change:scroll-position;-webkit-overflow-scrolling:touch}