@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap);body{background-color:#f6f6f6;margin:0}.App{border-radius:10px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px #0000000f,0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px #0000001f;height:100vh;margin:0 auto;max-width:100%;text-align:center}h1{align-items:center;display:flex;justify-content:space-between;margin-top:10px;position:relative}.symbol{left:8.5rem;position:absolute;top:.55rem}.App header{align-items:center;background-color:#fafafa;border-radius:5px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box;color:#000;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:small;height:9vh;justify-content:space-between;min-height:50px;padding:5px;position:fixed;top:0;width:100%;z-index:99}.App section{justify-content:center;min-height:90vh}.App section,main{display:flex;flex-direction:column}main{border-radius:10px;height:75vh;margin:10vh 0;overflow-y:scroll;padding:10px}main::-webkit-scrollbar{width:.25rem}main::-webkit-scrollbar-thumb{background:#6649b8}form{border-radius:50px;bottom:0;box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017;display:flex;height:9vh;justify-content:space-between;margin-bottom:.1rem;margin-left:.3rem;overflow:hidden;position:fixed;width:calc(100% - .5rem)}form button{border-radius:0!important;width:10%}input{background:#f3f4f5;border:none;border:.1px solid hsla(0,0%,50%,.096);color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;line-height:1.5;outline:none;padding:0 10px;width:90%}button{background-color:#282c34;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:1.25rem;padding:15px 32px;text-align:center;text-decoration:none}.sign-in{background:#fff;margin:0 auto}.signin-container{margin:10rem auto auto;max-width:100vh;width:40%}.signin-page{align-items:center;border-radius:10px;box-shadow:0 2px 8px 0 #63636333;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:50vh;justify-content:center;margin:auto;padding:2rem}.signin-page h1{color:#424242}.signin-page h4{color:#2c2c2c;font-size:16px;line-height:1.6}.signin-btn{align-items:center!important;display:flex!important;font-size:16px!important;font-weight:700!important;justify-content:space-evenly!important;margin:1rem!important;text-align:center!important}.btn-name{margin-top:2px}.brand-logo{height:100px;margin-top:1rem;width:100px}.google-img{border-radius:50%;display:flex;height:20px;margin-right:10px;width:20px}li,ul{list-style:none;text-align:left}p{background:rgba(0,255,0,.644);border-radius:25px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;line-height:24px;margin-bottom:12px;max-width:300px;padding:10px 20px;position:relative;text-align:center}.message{align-items:center;display:flex}.sent{flex-direction:row-reverse}.sent p{align-self:flex-start;background:#0b93f6;color:#fff}.received p{align-items:flex-end;background:lime;color:#e5e5ea}.profile-pic{border-radius:50%;display:flex;height:40px;margin:2px 5px;width:40px}@media only screen and (max-width:800px){.App header{height:4rem}h1{font-size:22px}form{height:4rem}form button{width:35%}input{font-size:large}.symbol{left:7.2rem;top:.18rem}.signin-container{margin:9rem auto auto;width:85%}.signin-page h4{font-size:15px}}
/*# sourceMappingURL=main.2ed100ce.css.map*/