*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Poppins,sans-serif;
}

body{
    background:#eef6f9;
    padding:40px;
}

.cv{

    max-width:1000px;
    margin:auto;
    display:grid;
    grid-template-columns:320px 1fr;
    background: linear-gradient(180deg,#ffffff,#f4f7fb);
    box-shadow:0 18px 40px rgba(6,24,48,.08);

}

.left{

    background: linear-gradient(180deg,#16355b,#122a44);
    color:#ffffff;
    padding:35px;

}

.right{

    padding:40px;

}

.photo{

    width:170px;
    height:170px;
    margin:auto;
    overflow:hidden;
    border-radius:50%;
    border:6px solid white;

}

.photo img{

    width:100%;
    height:100%;
    object-fit:cover;

}

h1{

    text-align:center;
    margin-top:20px;

}

.job{

    text-align:center;
    margin-bottom:30px;
    color:rgba(214,231,255,0.95);

}

.section{

    margin-top:25px;

}

.section h2{

    border-bottom:2px solid rgba(255,255,255,.18);
    margin-bottom:15px;
    padding-bottom:8px;
    font-size:18px;

}

.section p,
.section li{

    line-height:1.8;
    font-size:14px;
    color:rgba(255,255,255,0.95);

}

.right h2{

    color:#16355b;
    border-bottom:3px solid #16355b;
    margin-bottom:15px;
    padding-bottom:8px;

}

.box{

    margin-bottom:30px;

}

.box h3{

    color:#16355b;

}

.bar{

    background:#e6f7f0;
    height:8px;
    border-radius:20px;
    overflow:hidden;

}

.fill{

    width:0;
    height:100%;
    background: linear-gradient(90deg,#00b894,#00897a);
    transition:1.5s;

}

.skill{

    margin-bottom:18px;

}

.skill-title{

    margin-bottom:6px;

}

.footer{

    text-align:center;
    color:gray;
    margin-top:40px;

}

@media(max-width:800px){

.cv{

grid-template-columns:1fr;

}

.left{

text-align:center;

}

}