body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.username{position:absolute;background-color:#615e5e;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:15rem;-webkit-flex-direction:column;flex-direction:column;color:#fff}.username,.username__inputs{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;transition:all 1s ease-in}.username__inputs input{height:3rem;width:15rem;margin-left:3rem;outline:none;padding-left:1rem}.username__inputs button,.username__inputs input{font-size:1.1rem;border:none;transition:all 1s ease-in}.username__inputs button{width:150px;height:50px;cursor:pointer;background-color:#ec9a60;color:#fff;margin-left:1rem}.username__inputs button:hover{-webkit-transform:translateY(-.2rem);transform:translateY(-.2rem)}.message{padding:2rem;background-color:#e9e9eb;margin:1rem;font-size:1.3rem;border-radius:1rem;box-shadow:5px 2px 15px -5px #000;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message__user{margin-left:auto;background-color:#d4c3c3;text-align:right!important}.messages{height:100%;width:100%;overflow-y:auto;margin-bottom:10rem}.messages__form{border-top:2px solid #8d8181;position:fixed;bottom:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;background-color:#e7d4d4;height:10rem;z-index:99}.messages__form input{font-size:1.1rem;transition:.5s;background-color:#fff;width:340px;height:50px;border:none;border-radius:25px 0 0 25px;padding-left:1.7rem}.messages__form input:focus{outline:none}.messages__form button{font-size:1.1rem;transition:.5s;border-radius:0 25px 25px 0;width:150px;height:50px;border:none;cursor:pointer;background-color:#ec9a60;color:#fff}.messages__form button:hover{background-color:rgba(216,130,68,.795)}
/*# sourceMappingURL=main.cc1e6009.chunk.css.map */