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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#4a90e2;--primary-hover-color:#357abd;--primary-gradient:linear-gradient(90deg,#4a90e2,#81c7f5);--background-color:#f4f7f6;--text-color:#333;--card-background:#fff;--border-color:#ddd}html{background-color:#f4f7f6;background-color:var(--background-color);background-color:#f0f0f0;color:#333;color:var(--text-color);font-family:Poppins,sans-serif;justify-content:center;min-height:100vh}header,html{align-items:center;display:flex;flex-direction:column}header{background-color:#fff;background-color:var(--card-background);box-shadow:0 2px 4px #0000001a;left:0;padding:20px 0;position:fixed;top:0;width:100%;z-index:1000}header h1{margin:0}header p{color:#666;font-style:italic;margin-bottom:15px;margin-top:5px}.main-content{flex-direction:column;min-height:300px;padding-top:180px;width:100%}.main-content,.nav{align-items:center;display:flex}.nav{gap:10px;justify-content:center}.nav a{color:inherit;display:inline-block;margin:0 10px;text-decoration:none}.nav a:hover{text-decoration:underline}form{margin:20px 0;max-width:400px;width:100%}form label{display:block;margin-bottom:10px}form input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;margin-top:5px;padding:12px;transition:border-color .2s ease,box-shadow .2s ease;width:400px}form input:focus{border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none}h2{margin-top:30px}h2,p{text-align:center;width:100%}.question-container{animation:fadeIn .5s ease-in-out}.options-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.artwork{margin-top:20px;text-align:center}.artwork img{border-radius:10px;height:"auto";max-width:"500px"}.artwork p{margin:5px 0;text-align:center}.reset-btn-ctn{margin-top:20px;text-align:center}.artwork-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;min-height:400px;width:100%}.artwork-container .artwork{align-items:center;animation:fadeIn .6s ease;display:flex;flex-direction:column}.artwork-container .artwork img{border-radius:8px;height:auto;max-height:275px;max-width:100%}.artwork-container .loading-text{color:#666;font-style:italic}button{background:linear-gradient(90deg,#4a90e2,#81c7f5);background:var(--primary-gradient);background-size:200% auto;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:5px;padding:15px 25px;transition:transform .2s ease,background-position .3s ease}button:hover{background-position:100%;transform:translateY(-2px)}button:active{transform:translateY(0) scale(.98)}
/*# sourceMappingURL=main.c715a4e6.css.map*/