@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800&display=swap);*{box-sizing:border-box}body{min-height:100vh;margin:0;font-family:Montserrat}.login-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative;background:linear-gradient(45deg,#a098e7,#f3f3dc)}.login-container img,.welcome-container img{margin-top:-4rem}.login-container h2{font-size:1rem;margin-bottom:2rem}.login{text-align:center}.login-button{padding:1rem 2rem;margin-bottom:.5rem;border:none;outline:none;color:#fff;width:100%;text-transform:uppercase;font-weight:700;letter-spacing:1.5px;box-shadow:2px 2px 5px #000}.github{background:#82d465}.facebook{background:#3864a3}.twitter{background:#5ea9dd}.welcome-container{height:100vh;padding:2rem;background:linear-gradient(45deg,#a098e7,#f3f3dc);display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome-container p{font-size:1.1rem;letter-spacing:.8px}.welcome-tagline{font-size:1rem!important}.input-username{font-size:1.1rem;margin-bottom:2rem;padding:.5rem;background-color:#fff}.input-username,.submit-username{border:none;outline:none;box-shadow:2px 2px 5px #000;font-weight:600}.submit-username{padding:.5rem 1rem;letter-spacing:1px;border-radius:5px}.welcome-back{font-size:1.2rem;margin-bottom:2rem}.app-container{display:flex;flex-direction:column;min-height:100vh;height:100vh;background:linear-gradient(45deg,#a098e7,#f3f3dc)}.app-header{display:flex;justify-content:space-around;align-items:center;background:rgba(116,160,189,.3)}.logout-container{display:flex;flex-direction:column;justify-content:center}.logout-container h3{font-weight:400;font-size:1rem;margin:0 0 1rem}.logout{padding:.5rem 1rem;border:none;outline:none;font-weight:600;letter-spacing:1px;border-radius:5px;box-shadow:2px 2px 5px #000;margin-bottom:.5rem;background-color:#f36f6f;margin-top:1rem}.form-container{position:relative;display:flex;justify-content:center;width:100%;height:15vh}textarea{position:relative;width:96%;height:100%;padding:1rem 5rem 1rem 1rem;background-color:#f4f3f5;font-size:1.1rem}.send-message,textarea{outline:none;border:none}.send-message{position:absolute;top:5vh;right:15px;padding:.5rem 1rem;font-weight:600;letter-spacing:1px;border-radius:5px;box-shadow:2px 2px 5px #000;background-color:#79d7c4;color:#000}.messages{flex:1 1;overflow:scroll;word-break:break-word;list-style:none;padding:1rem 2rem;background:hsla(0,0%,100%,.2)}.sent-message-container{display:flex;flex-direction:column;align-items:flex-end}.recieved-message-container{display:flex;flex-direction:column;align-items:flex-start}.message{padding:.5rem 1rem;text-align:left;font:normal normal 14px/20px Montserrat;opacity:1;margin-bottom:.9rem;letter-spacing:.8px;margin-top:.3rem;font-weight:500}.sent-message{background:#77599e 0 0 no-repeat padding-box;color:#fff;border-radius:1rem 0 1rem 1rem}.recieved-message{background-color:#fff;color:#211138;border-radius:0 1rem 1rem 1rem}.username{font:normal normal 700 12px/15px Montserrat;letter-spacing:1px;text-transform:uppercase;opacity:1;margin:0;font-weight:800}.scroll-to-end{content:"";float:left;clear:both}
/*# sourceMappingURL=main.a5d556d4.chunk.css.map */