@media (max-width: 900px) {
    .page-frame,
    .quiz-frame {
        padding: 24px 20px 32px;
    }

    .hero {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

@media (max-width: 600px) {
    .btn-primary {
        width: 100%;
    }
}

/* Mobil 480px alatt */
@media (max-width: 480px) {

    .welcome-tree {
        width: 150px;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    #welcomeBox {
        padding-top: 140px;
    }
}