*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hanken Grotesk,sans-serif}.chat-div{align-items:center;display:flex;gap:.5rem;justify-content:start;width:35rem}.chaticon{color:#ff6e13}.roomName{font-size:2rem;text-transform:capitalize}.main-chat-div{border:.1rem dashed #ff6e13;justify-content:left;margin:2rem;padding:2rem 1rem;width:50vw}.main-chat-div,.onlychat{align-items:center;display:flex;flex-direction:column;gap:1rem}.onlychat{background-color:#ffec6d1a;padding:2rem}.big-div,.onlychat{justify-content:center}.big-div{align-items:center;display:flex}.input{background-color:hsla(0,0%,79%,.521);border:.1rem solid grey;border-radius:.5rem;font-family:Hanken Grotesk,sans-serif;font-size:1.1rem;outline:none;padding:.5rem 1rem;transition:all .5s;width:35vw}.input:focus{background-color:#3b3b3b00;border:.1rem solid #ff7300}.eff{color:#fff}.form{display:flex;gap:1rem}.sendBtn{background-color:#ff6e13;border:2px solid #ff7300;border-radius:1rem;color:#fff;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-size:1.2rem;font-weight:500;outline:none;padding:.5rem 0;text-align:center;transition:all .3s cubic-bezier(.23,1,.32,1);width:6vw}.sendBtn:hover{background-color:#ff7300;box-shadow:0 8px 15px rgba(0,0,0,.25);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.sendBtn:active{box-shadow:none;-webkit-transform:translateY(0);transform:translateY(0)}.chattxt{background-color:#ffec6d;border-radius:.5rem .5rem .5rem;padding:.5rem 1rem}.signout-div{align-items:center;display:flex;justify-content:center}.signout{border:2px solid #ff7300;border-radius:1rem;cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-size:1.2rem;font-weight:500;outline:none;padding:.5rem 0;text-align:center;transition:all .3s cubic-bezier(.23,1,.32,1);width:6vw}.orange{color:#ff6e13}.brand{cursor:pointer;font-family:Hanken Grotesk,sans-serif;font-size:3rem;letter-spacing:.1rem;padding:2rem;text-align:center}#roomBtn{width:10vw}#roomInput{width:20rem}.googleLogin{align-items:center;background-color:#f8fbff;border:.05rem solid grey;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;gap:.3rem;justify-content:center;outline:none;padding:.3rem .5rem;transition:all .4s}.googleLogin:hover{box-shadow:0 8px 15px rgba(57,57,57,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.googleLogin:active{box-shadow:none;-webkit-transform:translate(0);transform:translate(0)}.welcome-div{gap:1rem}.main-div,.welcome-div{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-div{background-image:url(/static/media/back.a3e9a306905b959f1e97.jpg);gap:.5rem;height:100vh}.main-logo{font-size:5rem}.tagline{font-size:2.5rem}#start{margin:2rem;width:15vw}.footer{bottom:0}.flexi,.footer{align-items:center;display:flex;justify-content:center}.flexi{gap:1rem}#copy{background-color:#d8d8d8;color:#ff6e13;width:11vw}@media screen and (max-width:768px){.main-div{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 .5rem}#copy{width:40vw}.main-logo{font-size:4rem}.tagline{font-size:1.8rem;padding:0 .5rem}#start{margin:1rem .5rem;width:60vw}.chat-div{gap:.5rem;justify-content:start;width:20rem}.chat-div,.main-chat-div{align-items:center;display:flex}.main-chat-div{border:.1rem dashed #ff6e13;flex-direction:column;gap:1rem;justify-content:left;margin:.5rem;padding:2rem 1rem;width:97vw}.input{padding:.2rem .5rem;width:14rem}.onlychat{align-items:center;background-color:#ffec6d1a;display:flex;flex-direction:column;gap:1rem;justify-content:center;overflow-y:auto;padding:2rem;width:20rem}.chattxt{background-color:#ffec6d;border-radius:.5rem .5rem .5rem;font-size:1rem;padding:.5rem 1rem}#roomBtn{width:60vw}#roomInput{padding:1rem 2rem;width:18rem}.signout{margin:1rem;width:10rem}.sendBtn{width:20vw}.flexi{align-items:center;display:flex;flex-direction:column;justify-content:center}}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:.3rem solid #005dce;border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:3rem;width:3rem}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.7db5e41b.css.map*/