@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{background-color:#05204a;background-color:var(--navy-blue);height:12%;position:fixed;top:0;width:100%;z-index:8}.container,.image-container{align-items:center;display:flex}.image-container{height:100%;justify-content:space-evenly;justify-items:center;padding:0 5px;width:20%}.profile-img{border:3px solid #f4fdff;border:3px solid var(--cool-white);border-radius:50%;height:2.6rem;object-fit:cover;width:2.6rem}.fa-arrow-left{font-size:20px;margin:0 5px}.fa-arrow-left,.text-container{color:#f4fdff;color:var(--cool-white)}.text-container{display:flex;flex-direction:column;justify-content:center;margin:0 20px;width:auto}.text-container h1{font-size:1.1rem;font-weight:600;font-weight:var(--heavy-weight);margin:0;padding:10px 0 5px;white-space:nowrap}.text-container p{word-wrap:break-word;font-size:.5rem;font-weight:100;font-weight:var(--light-weight);margin:0;padding:0 0 10px}.chat-bubble{word-wrap:break-word;background-color:var(--grey);border-radius:5px;color:var(--cool-white);display:inline-block;margin:15px;max-width:75%;padding:15px;position:relative;text-align:justify;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat-bubble.sent:after{border-color:transparent transparent transparent var(--grey);border-style:solid;border-width:10px;content:"";position:absolute;right:-15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.chat-bubble.sent{float:right}.chat-bubble.receive:after{border-color:transparent var(--grey) transparent transparent;border-style:solid;border-width:10px;content:"";left:-15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.chat-bubble.receive{float:left}.time-stamp{font-size:.5rem;position:absolute;right:10px;width:auto}:root{--navy-blue:#05204a;--cool-white:#f4fdff;--grey:#6f8695;--primary-font:"Roboto",sans-serif;--heavy-weight:600;--light-weight:100;--normal-weight:400}*{font-family:Roboto,sans-serif;font-family:var(--primary-font)}body{font-size:16px;margin:0;padding:0}.master-container{bottom:10%;display:flex;justify-content:center;overflow:scroll;overflow:auto;position:absolute;top:10%;width:100%}.containerChat{background-color:#f4fdff;background-color:var(--cool-white);display:flex;flex-direction:column;height:auto;min-height:75%;overflow-y:scroll;scroll-behavior:smooth;width:100%}@media screen and (min-width:768px){.containerChat{width:70%}}.master-control{bottom:0;height:10%;justify-content:center;margin:0;padding:0;position:fixed;z-index:900}.control-container,.master-control{align-items:center;display:flex;width:100%}.control-container{height:100%;justify-content:space-around}.control-container button{background:var(--navy-blue);border:none;border-radius:20px;color:var(--cool-white);font-size:1.2rem;height:2.5rem;width:4rem}.control-container button:hover{height:2.6rem;transition:.3s ease;width:4.1rem}.control-container input{background-color:var(--grey);border:none;border-radius:20px;height:2.4rem;opacity:40%;outline:none;padding:10px;width:60%}.control-container input:focus{background-color:var(--cool-white);border:2px solid var(--navy-blue);color:var(--navy-blue);opacity:100%}@media screen and (min-width:768px){.control-container{width:70%}}*{box-sizing:border-box}.masterContainer-details{height:100vh;width:100vw}.container-details,.masterContainer-details{align-items:center;display:flex;justify-content:center}.container-details{background-color:var(--grey);border-radius:20px;height:40%;width:70%;z-index:999}.container-details form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.container-details form label{color:var(--cool-white);display:block;font-family:var(--primary-font);font-size:1.4rem;font-weight:var(--heavy-weight);margin:20px 0;text-align:center;width:80%}.container-details form input{border:none;border-radius:20px;display:block;font-weight:var(--light-weight);height:2rem;padding:10px;width:80%}.container-details form input,.submit{font-family:var(--primary-font);font-size:1rem;margin:20px 0;outline:none}.submit{background:var(--navy-blue);border:none;border-radius:10px;color:var(--cool-white);cursor:pointer;font-weight:var(--heavy-weight);padding:3%;width:auto}@media screen and (min-width:768px){.container-details{height:40%;width:30%}}
/*# sourceMappingURL=main.8d6f3c87.css.map*/