@media screen and (max-width: 1200px){
    #desktop-nav {
        display: none;
    }
    #hamburger-nav {
        display: flex;
    }

 
}

@media (max-width: 1000px){
    
    :root {
        --global-width: calc(100% - 20px);
    }  
 
}

@media (max-width: 900px) {
    :root {
        --global-width: 300px;
    } 

    /* Sections */
    .section {
        margin: 0;
    }

    /* Profile Section */
    #profile {
        flex-direction: column;
    }
    .profile__text-container {
        text-align: center;
        align-items: center;
    }


    /* Updates Section */
    .updates-container {
        text-align: center;
    }

    .update-item {
        flex-direction: column;
    }

    .update-date {
        width: var(--global-width);
        margin-bottom: 0.2rem;
    }
    .update-content {
        width: var(--global-width);
    }

    /* Projects Section */
    #projects {
        align-items: center;
    }

    .project-preview-container {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        width: var(--global-width);
    }

    .project-preview-media img{
        width: var(--global-width);
        height: auto;
    }

    .project-preview-text {
        text-align: center;
    }

    .project-preview-text p {
        margin-bottom: 0;
    }
}