@media(max-width: 768px){
    .header{
        flex-direction: column;
        align-items: center;
    }

    .header .nav-container a{
        font-size: 15px;
    }

    .bio-container .holding{
        display: flex;
        flex-direction: column;
    }

    #profile{
        width: 40vh;
        height: 40vh;
    }

    .bio-container .holding .simple-bio{
        text-align: center;
    }

    .bio-container .holding .simple-bio h1{
        margin-top: -1.5rem;
    }
}