@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300&family=Teko:wght@300;500&display=swap);body{background-color:#1f1f1f;color:#fff;text-align:center}.wrapper,body{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.wrapper{flex-direction:column}.wrapper form{gap:10px;width:80%}.logoContainer,.wrapper form{align-items:center;display:flex;flex-direction:column;justify-content:center}.logoContainer{-webkit-box-reflect:below 1px linear-gradient(transparent,#5fb4ff27);-webkit-animation:lightFlimmer 3s linear infinite;animation:lightFlimmer 3s linear infinite;line-height:.1em;margin-bottom:10%;outline:none}.logoTitle{align-items:center;display:flex;font-family:Teko,sans-serif;font-size:18px;justify-content:center;letter-spacing:6px;margin-top:5px;width:200px}.logo,.logoTitle{bottom:-12px;color:#a0a0a0;position:relative}.logo{-webkit-animation:lightFlimmer 3s linear infinite;animation:lightFlimmer 3s linear infinite;font-size:3.5rem;margin-top:6%}@-webkit-keyframes lightFlimmer{0%,18%,20%,24.1%,50.1%,60%,65.1%,80%,90.1%,92%{color:#a0a0a0;text-shadow:none}18.1%,20.1%,24%,30%,50%,60.1%,80.1%,90%,92.1%,to{color:#5fb4ff;text-shadow:0 0 10px #5fb4ff,0 0 20px #5fb4ff,0 0 40px #5fb4ff,0 0 80px #5fb4ff,0 0 160px #5fb4ff}}@keyframes lightFlimmer{0%,18%,20%,24.1%,50.1%,60%,65.1%,80%,90.1%,92%{color:#a0a0a0;text-shadow:none}18.1%,20.1%,24%,30%,50%,60.1%,80.1%,90%,92.1%,to{color:#5fb4ff;text-shadow:0 0 10px #5fb4ff,0 0 20px #5fb4ff,0 0 40px #5fb4ff,0 0 80px #5fb4ff,0 0 160px #5fb4ff}}.promptContainer{align-items:flex-start;display:flex;gap:10px;justify-content:center;margin-top:7%}.wrapper form img{max-height:30px;max-width:30px}.wrapper form textarea{background-color:#000;border:1px solid #464646;border-radius:10px;box-shadow:0 0 10px #5fb4ff;color:#fff;flex:1 1;font-family:IBM Plex Mono,monospace;font-size:22px;height:300px;max-width:100%;outline:none;padding:10px 15px;transition:.5s ease;width:600px}.wrapper form textarea:focus{background-color:#464646;box-shadow:inset 0 0 10px #000;transition:.5s ease}.wrapper form button{align-items:center;background-color:#7a7a7a;border:3px solid #464646;border-radius:5px;box-shadow:0 0 5px #adadad,inset 0 0 10px #000;color:#464646;cursor:pointer;display:flex;font-family:Teko,sans-serif;font-size:32px;height:60px;justify-content:center;margin-top:20px;padding:5px 20px;transition:.5s ease-in-out;width:200px}.wrapper form button:hover{box-shadow:0 0 10px #5fb4ff,inset 0 0 10px #5fb4ff;opacity:.8;text-shadow:0 0 3px #5fb4ff;transition:.5s ease-in-out}.response-area{display:block;font-family:Teko,sans-serif;font-size:20px;font-weight:200;line-height:1.5em;margin:50px auto 0;max-width:100%;width:60%}.footer{font-size:14px;letter-spacing:4px;margin:30px 0 40px;opacity:.5}.cg-logo.loading{-webkit-animation:loadingspin 2s linear infinite;animation:loadingspin 2s linear infinite}@-webkit-keyframes loadingspin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes loadingspin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media screen and (max-width:1100px){.logoContainer{margin-bottom:12%}.promptContainer{width:500px}.wrapper form textarea{font-size:20px}.response-area{font-size:20px;width:60%}}@media screen and (max-width:550px){.logoContainer{margin-bottom:25%}.promptContainer{width:300px}.wrapper form textarea{font-size:18px}.response-area{font-size:20px;width:60%}}@media screen and (max-width:350px){.logoContainer{margin-bottom:30%}.promptContainer{width:250px}.wrapper form textarea{font-size:16px}.response-area{font-size:20px;width:60%}}
/*# sourceMappingURL=main.939e73f9.css.map*/