@import url(https://fonts.googleapis.com/css2?family=Barlow&family=Courgette&family=Monoton&family=Oleo+Script+Swash+Caps&display=swap);body{background-color:#3a3a3a;font-family:Poppins,sans-serif}.App{margin:0 auto;max-width:728px;text-align:center}.App header{align-items:center;background-color:#1fde8a;box-sizing:border-box;color:#fff;display:flex;height:10vh;justify-content:space-between;max-width:728px;min-height:50px;padding:10px;position:fixed;top:0;width:100%;z-index:99}.App header h1{color:#1c2e35;font-family:Monoton,cursive;letter-spacing:.1rem}.App section{background-color:rgba(0,0,0,.5);justify-content:center;min-height:100vh}.App section,main{display:flex;flex-direction:column}main{height:80vh;margin:10vh 0;overflow-y:scroll;padding:10px}main::-webkit-scrollbar{width:.25rem}main::-webkit-scrollbar-track{background:#1c2e35}main::-webkit-scrollbar-thumb{background:#d6f7e7}form{background-color:#1c2e35;bottom:0;display:flex;font-size:1.5rem;height:10vh;max-width:728px;position:fixed;width:100%}form button{background-color:#1fde8a;border-left:3px solid #1c2e35;width:20%}input{background:#d6f7e7;border:none;color:#1c2e35;font-size:1.5rem;line-height:1.5;outline:none;padding:0 10px;width:100%}button{align-items:center;background-color:#282c34;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;text-align:center;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}.sign-out{align-items:center;background:#1c2e35;border-radius:.5rem;color:#fff;display:flex;justify-content:center;max-width:400px}.sign-out img{height:2rem;object-fit:cover;width:2rem}.sign-out p{margin:auto;padding:1rem}.signInPage{align-items:center;display:flex;flex-direction:column;justify-content:center}.signInPage p{text-align:center}.sign-in{align-items:center;background:#1fde8a;border-radius:.5rem;color:#282c34;display:flex;justify-content:center;margin:1rem auto;min-width:300px;padding:1rem}.sign-in img{height:2rem;object-fit:cover;width:2rem}.sign-in p{color:#1c2e35;font-weight:700;margin:auto;padding:.5rem}li,ul{list-style:none;text-align:left}p{border-radius:25px;color:#fff;line-height:24px;margin-bottom:12px;max-width:70%;padding:10px 20px;position:relative;text-align:center}.message{word-wrap:break-word;align-items:center;display:flex}.message p{text-align:left}.sent{flex-direction:row-reverse}.sent p{align-self:flex-end;background:#5ae4a7;color:#1c2e35}.received p{background:#d6f7e7;color:#1c2e35}img{border-radius:50%;height:40px;margin:2px 5px;width:40px}@media only screen and (max-width:600px){.App header h1{font-size:larger}.social a img{height:2rem;width:2rem}.sign-out{align-items:center;background:#1c2e35;border-radius:.5rem;color:#fff;display:flex;justify-content:center;max-width:200px}.sign-out img{height:2rem;object-fit:cover;width:2rem}.sign-out p{font-size:medium;margin:auto;padding:.5rem}}
/*# sourceMappingURL=main.aadf1e8a.css.map*/