*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--light-grey-blue:#f7fafc;--dark-grey-blue:#4a5568}button,html{font-family:Work Sans,sans-serif;letter-spacing:.02em}.home{display:grid;grid-template-columns:1fr 1.2fr;min-height:100vh}.home-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home-hero-img{width:100%;-o-object-fit:cover;object-fit:cover;-ms-flex-item-align:center;align-self:center}.home-login{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--light-grey-blue)}.home-login,.home-login-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home-login-form{width:60%}.home-login-title{margin-bottom:2.5rem;font-size:2.5rem;font-weight:400;color:#6c63ff}.home-login-form-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:2rem}.home-login-form-field-label{margin-bottom:1rem;font-weight:500;font-size:1.1rem}.home-login-form-field-input{font-size:1.025rem;padding:.65rem;border-radius:4px;border:1px solid #ddd;background-color:#fff}.home-login-form-field-input::-webkit-input-placeholder{color:#b6b6b6}.home-login-form-field-input::-moz-placeholder{color:#b6b6b6}.home-login-form-field-input:-ms-input-placeholder{color:#b6b6b6}.home-login-form-field-input::-ms-input-placeholder{color:#b6b6b6}.home-login-form-field-input::placeholder{color:#b6b6b6}.home-login-submit{padding:.75rem 1.5rem;border:none;border-radius:4px;background-color:var(--dark-grey-blue);color:#fff;font-weight:500;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;-webkit-transition:background-color .15s ease-in-out;transition:background-color .15s ease-in-out}.home-login-submit:hover{background-color:#313845}.feedback,.home-login-feedback{margin-top:.75rem;color:#b92d2d;font-weight:500}@media screen and (max-width:35em){.home{display:grid;grid-template-columns:1fr;min-height:100vh}}.nav{padding:2rem 3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nav-list{list-style:none}.nav-item-link{display:inline-block;width:100%;padding:.4rem .125rem .3rem .125rem;color:#151515;text-decoration:none;font-family:Work Sans,sans-serif}.new-msg-form{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.new-msg-form-submit{padding:.2rem .9rem;font-size:1.8rem;border-top-left-radius:4px;border-bottom-left-radius:4px;border:none;cursor:pointer;background-color:#6c63ff;color:#fff;-webkit-transition:background-color .15s ease-in-out;transition:background-color .15s ease-in-out}.new-msg-form-submit:hover{background-color:#3d33ff}.new-msg-form-input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:1.075rem;padding-left:.5rem;border:1px solid #d4d4d4;border-top-right-radius:4px;border-bottom-right-radius:4px}.new-msg-form-input::-webkit-input-placeholder{color:#b6b6b6}.new-msg-form-input::-moz-placeholder{color:#b6b6b6}.new-msg-form-input:-ms-input-placeholder{color:#b6b6b6}.new-msg-form-input::-ms-input-placeholder{color:#b6b6b6}.new-msg-form-input::placeholder{color:#b6b6b6}.chatroom{position:relative;min-height:100vh;background-color:var(--light-grey-blue)}.chatroom-title{margin:2rem;text-align:center;font-weight:400;font-size:2.5rem;color:#6c63ff}.chatroom-card{width:60rem;max-width:90%;margin:0 auto;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.175);box-shadow:0 5px 10px rgba(0,0,0,.175);background-color:#fff}.chatroom:before{content:"";display:block;position:absolute;top:0;right:22px;width:100px;height:100px;border-radius:50%;background-color:#6c63ff;opacity:.2;pointer-events:none}.chatroom-card-content{padding:3rem 2rem}.chatroom-card-content-list{list-style:none;max-height:27rem;overflow:auto}.chatroom-card-content-list::-webkit-scrollbar{width:5px}.chatroom-card-content-list::-webkit-scrollbar-track{background-color:#cecece}.chatroom-card-content-list::-webkit-scrollbar-thumb{background-color:#9a9a9a}.chatroom-card-content-list-item{margin-bottom:3.5rem}.chatroom-card-content-list-img{float:left;margin-right:.9rem}.chatroom-card-content-list-name{margin-right:.9rem;font-weight:600;font-size:.95rem}.chatroom-card-content-list-time{color:#999;font-size:.9rem}.chatroom-card-content-list-msg{margin-top:.75rem;margin-left:2.75rem}.chatroom-card-action{padding:2rem}@media screen and (max-width:35em){.chatroom-title{font-size:2.1rem;margin:1rem 0 1.5rem 0}.chatroom-card-content-list{max-height:19rem;overflow:auto}}