/* scroll offset untuk anchor link*/

html {
    scroll-padding-top: 90px;
}

/* tablet*/

@media(max-width: 968px) {
    h2 {
        font-size: 32px;
    }

    section {
        padding: 80px 6%;
    }

    .section-title {
        margin-bottom: 50px;
    }
}

/*mobile*/

@media(max-width: 600px) {
    h2 {
        font-size: 26px;
    }

    section {
        padding: 60px 5%;
    }

    .section-title {
        margin-bottom: 36px;
    }

    .section-title p {
        font-size: 14px;
    }
}

/*small phone*/

@media(max-width: 400px) {
    .hero-text h1{
        font-size: 36px;
    }

    .skill-card,
    .project-content,
    .contact-from {
        padding: 24px 20px;
    }
}