@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&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}body{background-color:#121212;color:#f0f0f0;font-family:Roboto,sans-serif;margin:0;transition:background-color .3s ease}.container{display:flex;height:100vh;width:100%}.formContainer{animation:fadeIn .5s ease-in;background-color:#1e1e1e;border-right:2px solid #2c2c2c;display:flex;flex-direction:column;justify-content:center;min-width:300px;padding:40px 30px;width:35%}h1{animation:slideDown .5s ease-out;color:#a8324e;font-size:2rem;margin-bottom:40px;text-align:center}.form-group{animation:fadeIn .5s ease-in forwards;animation-delay:.3s;margin-bottom:25px;opacity:0}label{color:#a8324e;display:block;font-weight:600;margin-bottom:8px}label,select{font-size:1rem}select{background-color:#2a2a2a;border:2px solid #a8324e;border-radius:8px;color:#fff;padding:10px;transition:border-color .3s ease,transform .2s ease;width:100%}select:focus{border-color:#b34f66;outline:none;transform:scale(1.02)}#submit-button{background-color:#6a0dad;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:20px;padding:12px;transition:background .3s ease,transform .2s ease}#submit-button:hover{background-color:#834ac0;transform:translateY(-2px)}.result{align-items:center;animation:fadeIn .8s ease-in;background-color:#181818;display:flex;flex-direction:column;flex-grow:1;justify-content:center;overflow-y:auto;padding:40px}.result h2{animation:slideUp .5s ease;color:#6a0dad;font-size:1.5rem;margin-bottom:30px;text-align:center}.result img{border:2px solid #b34f66;border-radius:12px;height:auto;max-width:90%;transition:transform .3s ease}.result img:hover{transform:scale(1.01)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner{animation:spin 1s linear infinite;border:6px solid #b34f66;border-radius:50%;border-top-color:#333;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a5f1e97d.css.map*/