@media only screen and (max-width: 920px) {
    #body {
        padding: 5%;
    }

    .blur-box{
        margin-bottom: 5vw;
    }

    #info-box {
        width: 90%;
        align-items: center;
        padding: 5%;
    }

    #avatar {
        width: 100px;
    }

    #info-button-box{
        display: flex;
        width: fit-content;
        margin: auto;
    }

    .info-button{
        width: 24px;
        margin: 0px 8px;
        padding: 8px;
    }

    .info-button [md-icon]{
        display: block;
        float: none;
    }

    .info-detail{
        display: none;
    }

    #project-box {
        width: 100%;
    }

    .project{
        padding: 5%;
        margin-bottom: 5%;
    }
}