@media (max-width: 800px){
    .content-container{
        flex-direction: column;
        align-items: center;
    }
}

@media (min-width: 801px){
    .content-container{
        flex-direction: row;
        align-items: flex-start;
    }

    #content-line{
        display: none;
    }
}

@media (max-width: 900px){
    .avatar{
        width: 250px;
        height: 250px;
    }
}

@media (min-width: 901px){
    .avatar{
        width: 350px;
        height: 350px;
    }
}

@media (max-width: 1400px){
    .content-container{
        margin-left: 10%;
        margin-right: 10%;
    }
}

@media (min-width: 1401px){
    .content-container{
        margin-left: 20%;
        margin-right: 20%;
    }
}