@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#f8f7f7;color:#333;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}main{flex:1;padding:2rem;display:flex;flex-direction:column;align-items:center}ul,li{list-style:none}a{text-decoration:none;color:inherit}.container-title{text-align:center;margin-bottom:2rem}.container-title__title{font-size:2rem;color:#057508;text-transform:uppercase;font-family:Poppins,sans-serif;font-weight:900}.quizz-cards-container{display:flex;width:90%;flex-direction:column;justify-content:center;align-items:center}.quizz-cards-container__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;padding:1rem}.quizz-cards-container__card{border:1px solid #ccc;border-radius:12px;overflow:hidden;background-color:#fff;transition:box-shadow .3s;position:relative;width:100%;min-height:500px;max-height:max-content}.quizz-cards-container__card:hover{box-shadow:0 6px 16px #0000001a;background-color:#05750826}.quizz-cards-container__card:hover .quizz-card__description{font-weight:900}.quizz-card{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.quizz-card__image{width:100%;object-fit:cover;border-radius:8px}.quizz-card__title{font-size:1.2rem;font-weight:600;text-align:center}.quizz-card__description{font-size:.9rem;text-align:center;color:#6c757d}.quizz-card__button{padding:.75rem 1.5rem;background-color:#057508;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:.3s ease-in-out}.quizz-card__button:hover{background-color:#056907;transform:scale(1.1);font-weight:700}.quizz-card--inactive{display:none;opacity:0}.quizz-card__back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;opacity:0;transform:translateY(100%);transition:opacity .8s ease,transform .5s ease;z-index:1}.quizz-card__back--active{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .5s ease;z-index:2}.quizz-card__back-button,.quizz-card__back-backButton{padding:.75rem 1.5rem;border:none;border-radius:8px;background-color:#079a0b;cursor:pointer;width:80%;color:#fff;transition:.3s ease-in-out}.quizz-card__back-button:hover,.quizz-card__back-backButton:hover{background-color:#057508;color:#fff;transform:scale(1.1);font-weight:700}footer{background-color:#f8f7f7;color:#333;padding:2rem 0;text-align:center}footer p{margin:.5rem 0;font-size:1rem}footer a{color:#057508;text-decoration:none;font-weight:700;transition:color .3s ease}footer a:hover{color:#057508}.quiz__card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a;width:100%}.quiz__question{font-size:1.25rem;margin-bottom:1rem}.quiz__options{list-style:none;padding:0;margin:0}.quiz__option{padding:.75rem 1rem;margin-bottom:.5rem;background-color:#eaeaea;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.quiz__option--correct{background-color:#3dde42;font-weight:900}.quiz__option--incorrect{background-color:#e16672}.quiz__option[disabled]{pointer-events:none;opacity:.6}.quiz__option:hover{background-color:#d4d4d4}.containerBtn{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;gap:20px}.containerBtn__btnBack,.containerBtn__btnEnd,.containerBtn__btnPrev,.containerBtn__btnNext{padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease;background-color:#057508;color:#fff}.containerBtn__btnBack[disabled],.containerBtn__btnEnd[disabled],.containerBtn__btnPrev[disabled],.containerBtn__btnNext[disabled]{pointer-events:none;opacity:.6}.containerBtn__btnBack:hover,.containerBtn__btnEnd:hover,.containerBtn__btnPrev:hover,.containerBtn__btnNext:hover{background-color:#056907;transform:scale(1.05);font-weight:700;transform:translateY(-2px)}.containerBtn__controls{width:100%;display:flex;align-items:center;justify-content:center;gap:20px}.containerBtn__navButtons{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.containerBtn__controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.containerBtn__counter{font-size:1rem;font-weight:700;color:#333;background-color:#f5f5f5;border:1px solid #ddd;padding:.5rem 1rem;border-radius:.5rem}.leaderboard-btn,.header-leaderboards__btn{position:fixed;bottom:50px;left:50%;transform:translate(-50%);z-index:1000;padding:20px 40px;background-color:#0056b3;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;font-family:Poppins,sans-serif}.leaderboard-btn:hover,.header-leaderboards__btn:hover{background-color:#003f8a;box-shadow:0 8px 20px #00000026;transform:translate(-50%) translateY(-3px)}.leaderboard-btn span,.header-leaderboards__btn span{font-size:20px;margin-left:20px}.leaderbordBtn:hover{background-color:#003d80}.header-leaderboards{width:100%;display:flex;justify-content:center}.header-leaderboards__title{font-size:2rem;color:#057508;text-transform:uppercase;font-family:Poppins,sans-serif;font-weight:900;padding:20px;margin-bottom:10px}.result{display:flex;flex-direction:column;gap:20px;width:80vw}.result__item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;border-radius:10px;background-color:#fff;border-left:6px solid #4caf50;box-shadow:0 4px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease;width:100%}.result__item:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a}.result__item-left,.result__item-right{display:flex;padding:1rem;border-radius:8px;background-color:#f9f9f9}.result__item-left{flex:0 0 40%;display:flex;align-items:center;justify-content:center}.result__item-right{flex:0 0 60%;display:flex;justify-content:space-around;align-items:flex-start;gap:1rem}.result__item-right span{white-space:nowrap}.result-title{font-size:1rem;font-weight:700;margin:0;color:#333}.result-correct{color:#2e7d32}.result-incorrect{color:#c62828}.result-quizz{color:#1976d2}@media (max-width: 1024px){.leaderboard-btn,.header-leaderboards__btn{padding:12px 34px;display:inline-flex;align-items:center;font-size:.7rem}.leaderboard-btn span,.header-leaderboards__btn span{font-size:14px}.result{width:100%;padding:0 1rem}.result__item{flex-direction:column;align-items:flex-start;padding:1rem}.result__item-left,.result__item-right{width:100%;padding:.5rem;flex:none}.result__item-right{display:flex;gap:.5rem;align-items:flex-start}.result__item-right span{white-space:normal;font-size:.8rem}.result-correct,.result-incorrect,.result-title{font-size:.9rem}.containerBtn__btnBack,.containerBtn__btnEnd,.containerBtn__btnPrev,.containerBtn__btnNext{padding:.5rem 1rem;font-size:.9rem}.containerBtn__counter{padding:.4rem .8rem;font-size:.9rem}}