/* ===== MEDIA QUERY ===== */
@media screen and (max-width: 768px) {

    /* ===== CONTAINER ===== */
    .container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "header" "article" "footer";
        gap: 15px;
    }

    /* ===== END CONTAINER ===== */

    /* ===== SHORT PARA===== */
    #shortpara {
        grid-area: article;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 10px;
    }

    /* ===== END SHORT PARA===== */

    /* ===== SECTION ===== */
    #shortpara section img {
        border-radius: 50%;
        animation: floating 2s infinite;
        box-shadow: aqua 0px 0px 40px 0px;
        width: 100%;
        height: auto;
    }

    /* ===== END SECTION ===== */

    /* ===== ASIDE===== */
    aside {
        align-items: center;
        padding: 0px;
        width: 100%;
        height: auto;
    }

    /* ===== ASIDE : H1 ===== */
    #shortpara h1 {
        padding-left: 0px;
    }

    /* ===== END ASIDE : H1 ===== */

    /* ===== ASIDE : P ===== */
    #shortpara p {
        padding-left: 0px;
    }

    /* ===== END ASIDE : P ===== */

    /* ===== ASIDE : SOCIAL MEDIA ===== */
    #socialmedia {
        padding-left: 0px;
    }

    /* ===== END ASIDE : SOCIAL MEDIA ===== */

    /* ===== CV ===== */
    .cv {
        padding-left: 0px;
    }

    /* ===== END CV ===== */

    /* ===== END ASIDE ===== */

}

/* ===== END MEDIA QUERY ===== */