@media only screen and (min-width: 921px) {
    #body{
        padding: 3% 5%;
        display: flex;
    }
    #info-box{
        width: 30%;
        align-items: center;
        padding: 3%;
    }

    #avatar{
        width: 150px;
    }

    #info-box{
        padding: 3%;
    }

    .info-button{
        padding: 16px;
    }

    #project-box{
        width: 60%;
        margin-left: 4%;
    }

    .project{
        padding: 4%;
        margin-bottom: 4%;
        break-inside: avoid;
    }

}