@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tektur:wght@400;600;700&display=swap);.image-selection{max-width:400px;width:100%}.image-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.image-container{aspect-ratio:1;border-radius:10px;box-shadow:0 8px 24px #959da533;cursor:pointer;overflow:hidden;position:relative}.image-container img{height:100%;object-fit:cover;width:100%}.next-button{background-color:#3498db;border:none;color:#fff;cursor:pointer;padding:10px;width:100%}.next-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.result-screen{display:flex;flex-direction:column;padding:20px}.result-screen h2{margin-bottom:20px}.result-screen a{color:#000;text-decoration:none}.result-screen .tiles{align-items:center;display:flex;flex-direction:column}.result-screen .tile{background:#3498db;border-radius:10px;margin-bottom:20px;overflow:hidden;width:400px}.result-screen img{max-height:250px;object-fit:cover;overflow:hidden;width:100%}.result-screen .tile .footer{align-items:center;display:flex;justify-content:space-between;padding:20px}.result-screen .tile .footer .left{padding-right:20px}.result-screen .tile .footer h3{font-size:16px}.result-screen .tile .footer h3,.result-screen .tile .footer p{margin:0;padding:0;text-align:left}.result-screen .tile .footer .rating{min-width:100px}.play-again-button{background-color:#3498db;border:none;color:#fff;cursor:pointer;padding:10px 20px}.star-icon{height:24px;margin-right:8px;width:24px}.star-icon.gold{color:gold}@media (max-width:600px){.result-screen{padding:10px}.result-screen .tile{margin-bottom:15px;width:100%}.result-screen .tile .footer{align-items:flex-start;flex-direction:column}.result-screen .tile .footer .left{margin-bottom:10px;padding-right:0}.result-screen .tile .footer .rating{min-width:auto}.play-again-button{padding:15px;width:100%}}body{font-family:Open Sans,sans-serif}.App{padding:20px;text-align:center}.App-header{margin-bottom:20px}main{align-items:center;display:flex;flex-direction:column}.button,button{background-color:#add8e6;border:none;border-radius:40px;color:#000;cursor:pointer;font-size:32px;font-weight:700;margin-bottom:20px;min-width:400px;padding:20px;text-decoration:none}.button:hover,button:disabled,button:hover{opacity:.5}input[type=text]{border:1px solid #add8e6;border-radius:40px;font-size:32px;margin-bottom:20px;padding:20px;text-align:center;width:400px}.survey-code{font-family:Tektur,sans-serif;font-size:36px;font-weight:700;margin:20px 0;padding-bottom:20px}.image-selection-container{align-items:center;display:flex;flex-direction:column}@media (max-width:600px){.button,button{font-size:24px;min-width:100%;padding:15px}input[type=text]{font-size:24px;padding:15px 0;width:100%}.survey-code{font-size:28px}}
/*# sourceMappingURL=main.50b69cdb.css.map*/