/* = Portrait = */
@media (orientation: portrait) {

    .hi-text {
        grid-area: 2 / 2 / 3 / 3;
        font-size: 4.2cqh;
    }

    .about-me-section {
        grid-template-rows: 8% 7% 45% 32% 8%;
        grid-template-columns: 5% 90% 5%;
    }

    .text-style {
        text-align: center;
        font-size: var(--font-64-size);
    }

    .seperator-bottom,
    .seperator-top {
        width: 50%;

        img {
            width: 80%;
        }
    }

    .seperator-top {
        grid-area: 1 / 2 / 2 / 3;
    }

    .seperator-bottom {
        grid-area: 5 / 2 / 6 / 3;
    }

    #about-me-text {
        font-size: 2.4cqh;
    }

    #about-me-textarea {
        align-items: start;
    }

    .about-me-textcontainer {
        grid-area: 4 / 2 / 5 / 3;
    }

    .owner {
        grid-area: 3 / 1 / 4 / 4;
    }
}