/* MOBILE */
@media (max-width: 768px) {
    body {
        justify-content: flex-start;
    }

    h1 {
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    main {
        padding-inline: 5%;
    }

    header {
        padding-inline: 5%;
    }

    .description {
        font-size: 1.15rem;
        letter-spacing: -0.1rem;
    }

    .actions {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        margin-block-start: 2rem;
    }


    .portfolio {
        margin-inline-start: 0;
    }

    .cta {
        font-size: 1rem;
    }

    footer {
        padding-inline: 5%;
        margin-block-start: 0rem;
        text-align: center;
    }

    .social {
        gap: 1rem;
        font-size: 1rem;
    }

}

/* TABLET */
@media (min-width: 769px) and (max-width: 1199px) {
    body {
        justify-content: flex-start;
    }
    
    h1 {
        font-size: 4.5rem;
    }

    header {
        padding-inline: 5%;
    }

    .language {
        font-size: 1.35rem;
    }

    main {
        padding-inline: 5%;
        margin-block-start: 6rem;
        margin-block-end: 8rem;
    }

    .description {
        font-size: 2rem;
    }

    .actions {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 1rem;
    }

    .cta {
        font-size: 1.25rem;
    }

    .portfolio {
        margin-inline-start: 0;
    }

    footer {
        padding-inline: 5%;
        text-align: center;
        margin: auto;
    }

    .social {
        gap: 4rem;
        font-size: 1rem;
    }

}

/* DESKTOP */
@media (min-width: 1200px) {}