.container{width:100%;height:100vh;background-image:linear-gradient(to right bottom,#00796b,#b2dfdb);display:flex;flex-direction:column;justify-content:center;align-items:center}.container__inner{padding:1rem}.container__heading{font-size:4rem;letter-spacing:1.5;color:#fff;border-bottom:3px solid #ffc107}.container__input{font-size:1.5rem;font-family:inherit;color:#212121;padding:1.2rem 4rem;border:none;border-bottom:3px solid #ffc107;border-radius:1rem;box-shadow:0 1rem .5rem rgba(33,33,33,.3);transition:all .2s}.container__input:focus{outline:none;box-shadow:0 1rem .5rem rgba(33,33,33,.5);border-bottom:3px solid #009688;transform:scaleX(1.1)}.btn{border:none;outline:none;font-family:inherit;font-size:1.5rem;padding:1.2rem 4.5rem;background-color:#009688;color:#fff;border-radius:1rem;box-shadow:0 1rem .5rem rgba(33,33,33,.3);transition:all .2s}.btn:hover{cursor:pointer;font-size:1.6rem;transform:scaleX(1.1)}.btn:active,.btn:hover,.btn:link{box-shadow:0 1rem .5rem rgba(33,33,33,.5)}.btn:active,.btn:link{transform:translateX(3px)}.containerChat{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:1rem;overflow:hidden;height:75%;width:60%;box-shadow:0 1rem .5rem rgba(33,33,33,.1)}@media (max-width:480px){.containerChat{width:95%}}.chatBar{padding:1rem;background-color:#212121;color:#fff;font-size:1.2rem;display:flex;justify-content:space-between}.chatBar__link:link,.chatBar__link:visited{text-decoration:none;background-color:#fff;color:red;padding:.5rem;border-radius:1rem}.inputForm{padding:1rem;display:flex;justify-content:space-between}.input{width:49vw;font-size:1.5rem;font-family:inherit;color:#212121;padding:1.2rem 2rem;border:3px solid #ffc107;border-radius:1rem;transition:all .2s}.input:focus{outline:none;border:3px solid #009688;transform:translateX(1.5px)}.btn-form{border:none;outline:none;font-family:inherit;font-size:1.5rem;padding:1.2rem 2rem;background-color:#009688;color:#fff;border-radius:1rem;transition:all .2s}.btn-form:hover{cursor:pointer;transform:scaleX(1.1)}.messages{padding:5% 0;overflow:auto;flex:auto}.messageContainer{padding:1.2rem;margin:1rem;border-radius:1rem;width:50%;font-size:1.3rem;word-wrap:break-word;display:flex;justify-content:space-between}.self{background-color:#009688;color:#fff}.other{background-color:#ffc107;color:#fff}.end{justify-content:flex-end}.end,.start{display:flex}.start{justify-content:flex-start}.name{background-color:#fff;color:#000;padding:2px;margin-left:1rem;border-radius:.5rem}.userOnline{width:60vw;padding:2rem;color:#fff;flex-wrap:wrap}.userOnline,.userOnline__users{display:flex;justify-content:center;align-items:center}.userOnline__users{font-size:1.5rem;color:#222;margin-left:1rem}.userName:nth-child(odd){background-color:#fff;color:#000;padding:.5rem;border-radius:.5rem}.userName:nth-child(2n){background-color:#000;color:#fff;padding:.5rem;border-radius:.5rem}.userName:not(:last-child){margin-right:1rem}*{margin:0;padding:0;box-sizing:inherit}html{font-size:65.2%;font-family:sans-serif;font-weight:400;box-sizing:border-box}
/*# sourceMappingURL=main.229b0ecf.chunk.css.map */