@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);body,html{background-color:#f4f4f4;color:#333;font-family:Roboto,sans-serif;height:100%;margin:0;padding:0}body{min-height:100vh}.app,body{display:flex;flex-direction:column}.app{align-items:center;flex:1 1}.app,.nav{width:100%}.nav{background-color:#282c34;color:#fff;padding:1rem;text-align:center}.container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:20px auto;max-width:800px;padding:0;width:100%}.question-title{background-color:#000;border-radius:8px 8px 0 0;color:#fff;margin:0;text-align:center}.options-grid,.question-title{box-sizing:border-box;padding:20px;width:100%}.options-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.option{align-items:center;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:background-color .3s;width:calc(50% - 20px)}.option:hover{background-color:#f0f0f0}.option img{border-radius:5px;display:block;height:250px;margin-bottom:10px;max-width:250px;object-fit:cover;width:100%}.option label{font-size:16px;margin-top:10px;text-align:center}.footer{background-color:#282c34;color:#fff;margin-top:auto;padding:1rem;text-align:center;width:100%}.button-container{box-sizing:border-box;display:flex;gap:20px;justify-content:flex-end;margin:20px auto;max-width:800px;padding:20px;width:100%}.spacer{flex:1 1}button{background-color:#61dafb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#21a1f1}.result-container{background-color:#f4f4f4;justify-content:center;min-height:100vh}.result-container,.result-content{align-items:center;display:flex;flex-direction:column;padding:20px}.result-content{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:800px;text-align:center;width:100%}.result-image{border-radius:8px;margin-top:20px;max-width:100%}.restart-button{background-color:#61dafb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.restart-button:hover{background-color:#21a1f1}.intro-container{align-items:center;background-color:#f4f4f4;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.intro-content{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:800px;padding:20px;text-align:center;width:100%}.start-button{background-color:#61dafb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.start-button:hover{background-color:#21a1f1}.progress-bar-container{background-color:#e0e0df;border-radius:8px;height:20px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.progress-bar{background-color:#61dafb;height:100%;transition:width .3s ease-in-out}.progress-text{color:#333;font-size:14px;left:0;line-height:20px;position:absolute;text-align:center;top:0;width:100%}
/*# sourceMappingURL=main.eaa91e2d.css.map*/