@font-face {
    font-family: agencyfb;
    src: url(/fonts/AgencyFB-Bold.ttf);
}

@font-face {
    font-family: openSansR;
    src: url(/fonts/open-sans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: openSansM;
    src: url(/fonts/open-sans/OpenSans-Medium.ttf);
}

@font-face {
    font-family: openSansB;
    src: url(/fonts/open-sans/OpenSans-SemiBold.ttf);
}

@font-face {
    font-family: montserratR;
    src: url(/fonts/montserrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: montserratM;
    src: url(/fonts/montserrat/Montserrat-Medium.ttf);
}

@font-face {
    font-family: montserratB;
    src: url(/fonts/montserrat/Montserrat-SemiBold.ttf);
}

.cv .openSansR {
    font-family: 'openSansR';
}

.cv .openSansM {
    font-family: 'openSansM';
}

.cv .openSansB {
    font-family: 'openSansB';
}

.cv .montserratR {
    font-family: 'montserratR';
}

.cv .montserratM {
    font-family: 'montserratM';
}

.cv .montserratB {
    font-family: 'montserratB';
}

.cv {
    max-width: 900px;
    margin: auto;
    min-width: 200px;
}

.cvmini {
    width: 50%;
    margin-top: 0;
}

.cv .main {
    min-height: 1272.857px;
    background: white;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 40%);
    box-sizing: border-box;
    display: flex;
    padding: 0;
}

.cvmini .main {
    min-height: 712.857px;
}

.cv .lp {
    min-width: 35%;
    max-width: 35%;
}

.cv .rp {
    min-width: 65%;
    max-width: 65%;
}

.cv .lp .img1_div {
    text-align: center;
}

.cv .lp .img1_div .img1 {
    object-fit: cover;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    border: solid 4px white;
    display: block;
    margin: auto;
}

.cv .lp .info0 {
    text-transform: capitalize;
    text-align: left;
}

.cv .main .info1 .icondiv {
    width: 15%;
    display: flex;
}

.cv .main .info1 .icondiv .fa-solid {
    margin: auto;
    font-size: 2vw;
    /* 20 px */
}

.cv .main .info1 {
    overflow: hidden;
}

.cv .main .lp .info1 {
    margin: 3.451% 0;
}

.cv .main .rp .info1 {
    margin: 1.782% 0;
}

.cv .main span {
    font-weight: normal;
}

.cv .main .info0lp .info1 {
    padding-right: 3.451%;
}

.cv .main .info1 .subinfo1 {
    padding-left: 3.575%;
}

.cv .cvlptxt {
    background-color: aqua;
}

.cv .main .lp .info1 p {
    font-weight: normal;
}

.cv .main .lp .info1 .skill {
    float: left;
    margin: 1.79%;
}

.cv .main .titlediv {
    display: flex;
    align-items: center;
    text-align: left;
}

.cv .main .titlediv .namediv h3 {
    margin: 7.76% 0;
    font-weight: normal;
}

.cv .main .rp .info1 p {
    font-weight: normal;
    padding-left: 1vw;
}

.cv .main .info0rp {
    text-align: left;
}

/*-----------------------------------*/


#spinner {
    width: 40px;
    text-align: center;
    background-color: white;
    border-radius: 70px;
    margin: 30px auto;
    padding: 5px;
}

#spinner2 {
    width: 40px;
    text-align: center;
    background-color: white;
    border-radius: 70px;
    margin: 30px auto;
    padding: 5px;
}





/* work on this */
#cv3 .div1 .info0rp {
    margin-left: 4%;
    margin-top: 7%;
}

#cv3 .div1 .info0 h3 {
    font-size: 4vw;
}

#cv3 .div1 .info0 .px35 {
    font-size: 3.5vw;
}





#cv3 .div1 .left .info1 .skill p {
    font-size: 1.8vw;
}



#cv3 .div1 .right .subinfo3 p {
    /*font-weight: unset;*/
    font-weight: normal;
    font-size: 1.9vw;
}

#cv3 .div1 .left .info1 .eml {
    font-size: 1.4vw;
}

#cv3 .div1 .info0 .information {
    margin: 2vw 0;
}

@media only screen and (min-width: 1000px) {
    #cv3 {
        width: 900px;
    }

    #cv3 .div1 {
        border-radius: 10px;
        min-height: 1272.857px;
    }

    #cv3 .div1 .left .img1 {
        width: 204.75px;
        height: 204.75px;
        /*width: 200px;
        height: 200px;*/
    }

    #cv3 .div1 .info1 .icondiv .fa-solid {
        font-size: 20px;
    }

    #cv3 .div1 .titlediv .namediv h3 {
        font-size: 24px;
        margin: 10px 0;
    }

    /*
    #cv3 .div1 .right {
        padding: 20px;
    }
    */

    /* tmpdel
    #cv3 .div1 .info0 {
        margin: 40px 00px;
    }
        */

    #cv3 .div1 .info0 h3 {
        font-size: 40px;
    }

    #cv3 .div1 .info1 {
        margin: 10px 0;
    }

    #cv3 .div1 .info1 .subinfo1 {
        padding-left: 10px;
    }

    #cv3 .div1 .left .info1 p {
        font-size: 24px;
    }

    #cv3 .div1 .left .info1 .skill {
        margin: 5px;
    }

    #cv3 .div1 .left .info1 .skill p {
        font-size: 18px;
    }

    #cv3 .div1 .right .info1 p {
        font-size: 19px;
        padding-left: 10px;
    }

    #cv3 .div1 .right .subinfo3 p {
        font-size: 19px;
    }

    #cv3 .div1 .left .info1 .eml {
        font-size: 14px;
    }

    #cv3 .div1 .info1 .icondiv img {
        width: 30px;
        height: 30px;
    }

    #cv3 .div1 .info0 .px35 {
        /*font-size: 35px;*/
        /*temp */
        font-size: 32px;
    }

    #cv3 .div0 {
        padding: 0px;
    }

    #cv3 .div1 .info0 .information {
        margin: 20px 0;
    }
}