*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Work Sans,Manrope,Verdana sans-serif;font-size:100%}h2{font-size:1.875em}p{font:size .875em}ol,ul{list-style:none}button{background-color:rgba(9,85,199,.13);border-style:hidden;color:#03035e;transition:all .2s}button:hover{background-color:rgba(9,85,199,.719);color:#faebd7;cursor:pointer}.login-page{background-color:hsla(315,5%,83%,.075);height:100vh;width:100vw}.form-wrapper{align-items:flex-start;display:flex;flex-direction:row;height:100%;justify-content:center;margin:0 auto;width:30%}.form{align-items:center;background-color:#fff;border:1px solid gray;border-radius:10px;display:flex;flex-direction:column;height:40%;justify-content:space-evenly;margin:30% auto;min-height:230px;width:95%}.form-control{font-size:.875em;max-width:360400px;text-align:center;width:80%}.form__username-input{background-color:#dfdbdb;border:1px solid hsla(0,0%,46%,.788);border-radius:1em;font-size:.875rem;height:35px;padding:5px 10px;text-align:center;width:90%}.form__login-button{border-radius:10px;font-size:1rem;margin:15px auto;max-width:300px;padding:10px;width:50%}.form h2{align-items:center;color:rgba(15,15,189,.767);display:block;margin:.85em auto;text-align:center;width:100%}@media screen and (max-width:600px){.form-wrapper{width:100%}.form h2{font-size:1.2rem}.form__username-input{font-size:.7rem}}.chat{background-color:#dfdbdb;display:flex;flex-direction:column;height:100vh;min-height:300px;min-width:300px;width:100vw}.chat__main{flex:1 1;overflow:hidden}.chat__main-item{display:flex;height:100%}.chat__footer,.chat__header{min-height:100px}.chat__main-messages{background-color:#faf8f8;float:left;overflow-y:auto;width:75%}.chat__main-members{align-items:center;background-color:#ede8e5;display:flex;float:left;justify-content:center;overflow:hidden;width:25%}@media screen and (max-width:1160px){.chat__main-members{display:none}.chat__main-messages{width:100%}}@media screen and (max-height:600px){.chat__main-members{display:none}.chat__main-messages{width:100%}}.c-member-list__item{background-color:#fff;border:2px solid #dfdbdb;border-radius:20px;box-shadow:0 5px 23px 0 rgba(0,0,0,.5);height:90%;overflow-y:auto;padding:5%;width:300px}.member_list_avatarc{border-radius:50%;display:inline-block;height:15px;margin:0 5px;width:15px}.c-member-list__member__item{align-items:center;background-image:linear-gradient(180deg,#a3a1a1,#dfdbdb);border:2px solid #dfdbdb;border-radius:15px;display:flex;font-size:larger;height:45px;justify-content:flex-start;margin:2% auto;padding:10px;width:100%}.c-member-list__member__username{font-size:80%}.c-messages{padding:10px;width:100%}.c-message__item{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px;width:100%}.message_list_avatarc{border-radius:50%;display:inline-block;height:20px;margin:0 5px;width:20px}.c-message__message-item,.c-message__message__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.c-message__message__text{background-color:#dfdbdb;border:2px solid #dfdbdb;border-radius:15px;display:inline-block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1.5em;margin:0 10px;padding:5px;text-align:justify}.my-message{background-color:#ccdb806b}.c-message__message__username{font-size:14px;padding-left:5px;text-align:left}.my-username{padding-right:5px;text-align:end;width:100%}.c-message--joined{background-color:#fcebeb}.c-message--joined,.c-message--left{border-radius:2em;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.c-message--left{background-color:#faf1e8}.c-message__joined-left{align-items:center;display:flex;justify-content:center;width:100%}.my-item{display:flex;flex-direction:row-reverse;width:99%}*{box-sizing:border-box}.c-header__item{display:flex;flex:1 1;flex-direction:row nowrap;font-weight:bolder;height:100%;justify-content:center}.c-header__button__item{align-items:center;display:flex;justify-content:center;max-width:300px;width:25%}.c-header__greetings__item{align-items:flex-end;color:#3a056b;display:flex;flex-direction:column;float:right;font-size:1.5rem;justify-content:space-evenly;padding-right:10px;width:75%}.c-header__greetings__item :first-of-type(p){font-size:5px}.c-header__button{border-radius:15px;font-size:1em;height:40%;width:70%}@media screen and (max-width:1160px){.c-header__greetings__item{display:none}.c-header__button__item{width:100%}}@media screen and (max-height:600px){.c-header__greetings__item{display:none}.c-header__button__item{width:100%}}.c-send-message__item{align-items:center;display:flex;flex-direction:row;height:100%}.c-send-message__message{font-size:1em;text-align:end;width:20%}.c-send-message__form{width:80%}.message-form__item{align-items:center;display:flex;height:100%;justify-content:flex-start;padding:3px;width:100%}.message-form__input{border-color:grey;border-radius:10px 0 0 10px;border-width:1px;height:40px;padding:5px;width:80%}.message-form__button{border-radius:0 10px 10px 0;border-style:hidden;font-size:.875em;height:40px;padding:13px}
/*# sourceMappingURL=main.dbe2e041.css.map*/