body{background-color:#f4f4f4;font-family:Arial,sans-serif;line-height:1.6;margin:0}.App,body{padding:20px}.App{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:800px}h1,h2{color:#333}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none}button:disabled{background-color:#ccc;cursor:not-allowed}input[type=number]{border:1px solid #d1d1d1;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:block;font-size:16px;margin:8px auto;max-width:400px;padding:12px;width:100%}.question{margin-bottom:20px}.navigation{display:flex;justify-content:space-between;margin-top:20px}.progress-bar{background-color:#e0e0e0;border-radius:10px;height:20px;margin-bottom:20px;position:relative;width:100%}.progress{background-color:#4caf50;border-radius:10px;height:100%;transition:width .3s ease-in-out}.progress-text{color:#333;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.timer{font-size:18px;font-weight:700;margin-bottom:10px}.question-review{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px}@media (max-width:600px){.App,body{padding:10px}button{font-size:14px;padding:8px 16px}}.homepage-container{background-color:#f4f4f4;min-height:100vh;padding:48px 16px}.homepage-inner{margin:0 auto;max-width:1024px}.text-center{text-align:center}.exam-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:16px}.question-input{border:1px solid #d1d1d1;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:block;font-size:16px;margin-top:8px;padding:12px;width:100%}.input-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:16px}.input-label{max-width:400px;text-align:center;width:100%}.start-button{background-color:#1e90ff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 24px;transition:background-color .3s ease}.start-button:hover{background-color:#1c7ed6}.community-container,.creator-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;overflow:hidden}.community-header,.creator-header{padding:16px}.section-title{color:#1a1a1a;font-size:1.5rem}.community-content,.creator-content{padding:16px}.community-details,.creator-details{margin:0}.detail-row{border-top:1px solid #e2e2e2;display:flex;flex-direction:column;padding:16px 0}.detail-label{color:#4a4a4a;font-size:.875rem;font-weight:500}.detail-content{color:#1a1a1a;font-size:.875rem;margin-top:4px}.links{display:flex;gap:16px}.link{color:#1e90ff;text-decoration:none;transition:color .3s ease}.link:hover{color:#1c7ed6}.community-logo img{border-radius:8px;height:192px;margin-top:8px;object-fit:contain;width:192px}@media (max-width:600px){.homepage-container{padding:24px 8px}.community-header,.creator-header{padding:12px}}.about-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.about-header{margin-bottom:20px;text-align:center}.section-title{color:#333;font-size:24px;font-weight:700}.about-content{margin-bottom:20px}.about-text{color:#555;font-size:16px;line-height:1.5;margin-bottom:10px}.about-footer{text-align:center}.github-link{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;margin-top:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.github-link:hover{background-color:#0056b3}.image-container{align-items:center;display:flex;justify-content:center;margin:20px 0;max-width:100%;overflow:hidden;width:100%}.responsive-image{height:auto;max-width:500px;object-fit:contain;width:100%}@media (max-width:768px){.responsive-image{max-width:600px}}@media (max-width:480px){.responsive-image{max-width:400px}}
/*# sourceMappingURL=main.6eeccf87.css.map*/