@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Saira:wght@100;300;400;500;600;700;800;900&display=swap";body{font-family:Saira;background-color:#ecfee8}.input{position:fixed;bottom:0px;left:0px;right:0px;column-gap:20px;height:70px;display:flex;justify-content:center;align-items:center;background-color:#ecfee8;z-index:100}.input input{width:50%;padding:10px;border-radius:5px;border:1px rgb(51,51,51) solid;font-family:Fira Sans;font-size:.9rem;background-color:#f1faee}.input button{display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer;padding:8px;border:1px black solid;border-radius:5px;transition:.2s}.input input:focus{border:2px black solid;outline:none}.input button:hover{background-color:#000;border-color:#fff}.input button img{width:20px}.App{display:flex;justify-content:center;align-items:center}main{display:flex;flex-direction:column;padding-top:40px;padding-bottom:250px;row-gap:10px;width:70%}.message{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px;line-height:25px}.user:last-child{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}.user{background-color:#c2efeb;border-radius:5px;font-family:Fira Sans}.message img{width:30px}.message p{padding:0;margin:0;white-space:break-spaces}.bottom-div{width:100%;height:1px;margin-top:0}.message div{display:flex;column-gap:30px;align-items:flex-start}.loader{font-size:1.8rem}@media screen and (max-width: 700px){main{padding:10px 10px 200px;width:100%}.input input{width:60%}.input button{background-color:#000}.input button:hover{border-color:#000}.input input:focus{border:2px black solid;outline:none}.message{padding:10px}.message div{column-gap:15px}.message img{width:25px}}@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}