@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap";body{font-family:IBM Plex Sans,sans-serif;padding:0;margin:0;background-color:#2f00ff1c}header{background:#fff;background:linear-gradient(124deg,transparent 53%,rgba(34,155,195,1) 52%);padding:10px;display:flex;flex-direction:row}header h2{font-weight:250}svg{width:50px;height:50px;fill:#229bc3}footer{border-top:1px solid #ccc;text-align:right;padding-top:10px;padding-right:15px}footer p{margin:0}footer a{text-decoration:underline;color:#000}@media (max-width: 600px){header{flex-direction:column;align-items:center;background:#000;color:#fff}header h2{text-align:center}footer{text-align:center;padding:10px}footer p{margin-top:5px}}.container{width:80%;margin:auto;height:75vh;display:flex;flex-direction:column}.form-control{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:row}.form-control input{width:80%;padding:10px;border:none;outline:none;background:transparent;font-size:16px}.form-control button{width:10%;background-color:#282c34;color:#fff;cursor:pointer;border:none;padding:5px}.chat-reply{width:100%;padding:10px;margin:10px 0;overflow-y:auto;flex-grow:1;border:solid 1px #363636;border-radius:4px}@media (max-width: 600px){.container{width:100vw}.chat-reply{padding:0}.form-control input,button{margin-top:10px;width:100%!important;padding:0;font-size:10px;font-size:12px}.form-control{width:auto;flex-direction:column}}