*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;font-family:"Raleway",sans-serif}:root{--blue-dark:#100e1d;--blue-light:#343856;--grey-light:#e7e7eb;--grey-mid:#a09fb1;--grey-dark:#88869d}.App{display:grid;place-items:center;height:100vh;background-color:#100e1d;background-color:var(--blue-dark)}.logIn{width:80vw;max-width:600px;height:350px;border:5px solid #343856;border:5px solid var(--blue-light);border-radius:20px}.logIn,.logIn-inputs{display:flex;flex-direction:column;justify-content:center;align-items:center}.logIn-inputs{width:70%;margin-bottom:20px}.logIn-inputs input{margin:10px;width:80%;height:50px;padding-left:10px;border:3px solid #343856;border:3px solid var(--blue-light);background-color:transparent;color:#e7e7eb;color:var(--grey-light);font-size:1.6rem;border-radius:10px}.logIn-inputs input:focus{outline:none}.logIn button{width:200px;height:50px;border:none;border-radius:7px;background-color:#343856;background-color:var(--blue-light);color:#e7e7eb;color:var(--grey-light);font-size:1.6rem}.logIn button:hover{cursor:pointer;background-color:#88869d;background-color:var(--grey-dark)}.chatContainer{display:flex;flex-direction:column;width:60vw;min-width:310px;height:80vh;border:5px solid #343856;border:5px solid var(--blue-light);border-radius:20px}.chatContainer .messages{display:flex;flex-direction:column;flex:80% 1;width:100%;padding:20px;color:#fff;overflow:hidden;overflow-y:auto;border-radius:20px}.chatContainer .messageInputs{display:flex;justify-content:center;align-items:center;height:80px;padding:0 10px;width:100%;background-color:#343856;background-color:var(--blue-light)}.chatContainer .messageInputs input{flex:80% 1;border:none;height:50px;padding-left:20px;font-size:20px;border-radius:30px;background-color:#e7e7eb;background-color:var(--grey-light);outline:none}.chatContainer .messageInputs button{flex:10% 1;height:50px;margin-left:10px;font-size:1.4rem;background-color:#100e1d;background-color:var(--blue-dark);color:#e7e7eb;color:var(--grey-light);border-radius:50px;border:none}.messageIndividual{display:flex;flex-direction:column;align-content:center;justify-content:center;align-self:flex-start;min-width:100px;max-width:85%;height:auto;padding:10px;margin-bottom:15px;border-radius:10px;background-color:#343856;background-color:var(--blue-light)}.messageIndividual.You{align-self:flex-end;background-color:#013844}.messageIndividual h3{margin-bottom:5px;font-size:1.2rem;font-weight:600;color:green;overflow-wrap:break-word}.messageIndividual.You h3{text-align:right;color:green}.messageIndividual p{font-size:1.6rem;color:#e7e7eb;color:var(--grey-light);font-weight:500;overflow-wrap:break-word}@media screen and (max-width:767px){.logIn{width:90vw}.chatContainer{width:100vw}.logIn-inputs{width:85%}.logIn-inputs input{width:100%}}
/*# sourceMappingURL=main.d20066ae.chunk.css.map */