body{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#222;color:#fff;font-family:Raleway,sans-serif;height:100vh;margin:0;overflow:hidden;padding:20px}h1{font-size:64px;font-weight:900}h1,h2{text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}h2{font-size:20px;font-weight:700}form{align-items:center;border-radius:10px;bottom:12px;display:flex;justify-content:center;margin-bottom:20px;padding:10px;position:fixed;width:100vw}label{color:#ccc;font-weight:700}input[type=text]{background-color:#0000004d;color:#fff;padding:10px}input[type=text],textarea{border:none;border-radius:5px;width:50%}textarea{background-color:#222;color:#f5f5f5;font-size:18px;padding:9px}textarea::-webkit-scrollbar{display:none}textarea:focus{outline:none}#response{height:calc(100% - 250px);margin-left:10%;max-width:80%;overflow-y:scroll}#response::-webkit-scrollbar{border-radius:50%;width:10px}.user-message{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;box-shadow:0 8px 32px #1f26875e;margin-left:40%}.ai-message,.user-message{background-color:#4747474d;color:#f5f5f5;margin-bottom:10px;max-width:60%;padding:10px}.ai-message{border-radius:10px;box-shadow:0 2px 4px #0000004d;margin-right:40%}p{margin:0;padding:0}.smaller{font-size:15}.fa-github{bottom:0;color:inherit;padding:15px;position:fixed;right:0;text-decoration:none}.dropbtn{background-color:#191b1c;font-size:16px;padding:16px}.dropbtn,.dropdown{border:none;color:#fff;cursor:pointer}.dropdown{border-radius:5px;display:inline-block;left:5px;padding:10px;position:relative;position:absolute;top:5px}.dropdown-content{background-color:#191b1c;box-shadow:0 8px 16px #0003;display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#fff;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#000}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#444}button{background:none;border:none;color:#e1e1e1;cursor:pointer;font-family:inherit;font-size:18px;font-weight:800;position:relative;text-transform:uppercase;transition-duration:.4s;transition-property:color;transition-timing-function:cubic-bezier(.25,.8,.25,1)}button:focus,button:hover{color:#fff}button:focus:after,button:hover:after{left:0;width:100%}button:after{background-color:#fff;bottom:-2px;content:"";height:2px;left:50%;pointer-events:none;position:absolute;transition-duration:.4s;transition-property:width,left;transition-timing-function:cubic-bezier(.25,.8,.25,1);width:0}.github-icon{bottom:50px;position:fixed;right:50px}@media screen and (max-width:1000px){#response{height:calc(100% - 280px);margin-left:0;max-width:100%}textarea{width:80%}.github-icon{visibility:hidden}form{bottom:0}.ai-message{max-width:80%;min-width:80%}}