/* Responsive design */
@media (max-width: 768px) {
	body {
		font-size: 6px;
	}

	.container {
		padding: 20px;
	}

	h2 {
		font-size: 12px;
	}

	h2::before, h2::after {
		display: none;
	}

	.btn {
		margin-bottom: 10px;
		width: 100%;
		font-size: 7px;
	}

	label {
		font-size: 8px;
	}

	.form-control {
		font-size: 8px;
	}

	#muteToggle {
	    width: 50px !important;
	    height: 50px !important;
	}

	#muteIcon {
        width: 50px !important;
        height: 50px !important;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 5px;
    }
    .multiplier {
        font-size: 6px;
    }
    .quiz-title {
        font-size: 10px;
    }

    .question-text {
        font-size: 8px;
    }

    .answer-option {
        font-size: 6px;
    }

    .timer, .score, .question-counter {
        font-size: 7px;
    }

    .disclaimer {
        font-size: 6px;
        padding: 0 10px;
    }
}