#cv50 {
    margin: auto;
    width: 90vw;
}

#cv50 .div0 {
    display: flex;
    justify-content: center;
    padding: 0px;
}

#cv50 .cvdiv {
    padding: 0px;
}

#cv50 .div1 {
    display: flex;
}

#cv50 .div1 .titlediv {
    display: flex;
    align-items: center;
    /*height: 7.5vw;*/
    margin-left: 4%;
    margin-bottom: 8%;
    /* 1 */
    margin-top: 10%;
    /* 4 */
    text-align: left;
}

#cv50 .div1 .left .img1_div {
    text-align: center;
}

#cv50 .div1 .left .img1 {
    object-fit: cover;
    border-radius: 50%;
    border: solid 0.4vw white;
    width: 65%;
    /*height: 80%;*/
    /*width: 10vw;
    height: 10vw;*/
    display: block;
    margin: auto;
}

#cv50 .div1 .titlediv .namediv h3 {
    font-size: 1.2vw;
    margin: 0.5vw 0;
}

#cv50 .div1 span {
    font-weight: bold;
}

#cv50 .div1 .left {
    width: 35%;
    /*width: 17.5%;*/
    /*padding: 1vw;  tmp fix later */
    padding: 0;
    padding-top: 0px;
    /* tmp fix later */
    background-color: #2f343e;
}

#cv50 .div1 .right {
    width: 65%;
    /*width: 32.5%;*/
    /*padding: 1vw;*/
    background: white;
    box-sizing: border-box;
}

/* ----- make cv page ----- */

/*.makecvintro .div1 .right {
    width: 57% !important;     tmp del
}*/

@media only screen and (max-width: 700px) {
    /*.makecvintro .div1 .left {
        display: none;
    }                                 tmp del

    .makecvintro .div1 .right {
        display: none;
    }*/

    #cv50 .cvdiv {
        display: none !important;
    }
}

/* ----- end make cv page ----- */

#cv50 .div1 .info0 {
    text-transform: capitalize;
    text-align: left;
}

#cv50 .div1 .info0lp {
    margin-left: 7%;
    margin-top: 13%;
    margin-bottom: 13%;
}

#cv50 .div1 .info0rp {
    margin-left: 4%;
    margin-top: 7%;
}

#cv50 .div1 .info0 h3 {
    font-size: 1.5vw;
}

#cv50 .div1 .info0 .px35 {
    /*font-size: 1.75vw;*/
    /*font-size: 2vw;   temp*/
    font-size: 1.2vw;
    /* temp test */
}

#cv50 .div1 .info1 {
    margin: 0.5vw 0;
    /*overflow: auto;*/
    overflow: hidden;
}

#cv50 .div1 .left .info1 p {
    font-size: 1.2vw;
    font-weight: bold;
    color: white;
}

#cv50 .div1 .left .info1 .skill {
    float: left;
    margin: 0.4vw;
    margin-left: 0;
}

#cv50 .div1 .left .info1 .skill p {
    font-size: 0.9vw;
}

#cv50 .div1 .right .info1 p {
    font-weight: bold;
    font-size: 0.95vw;
}

#cv50 .div1 .right .subinfo3 p {
    font-weight: unset;
    font-size: 0.95vw;
}

#cv50 .div1 .left .info1 .eml {
    font-size: 0.7vw;
}

#cv50 .div1 .info0 .information {
    margin: 1vw 0;
}

#cv50 .div1 .info1 .icondiv {
    width: 15%;
    display: flex;
}

#cv50 .div1 .info1 .icondiv img {
    width: 1.5vw;
    height: 1.5vw;
}

#cv50 .div1 .info1 .icondiv .icon_svg {
    width: 86%;
    height: auto;
}

#cv50 .div1 .info1 .icondiv .fa-solid {
    margin: auto;
    font-size: 1vw;
}
