@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap);*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}body{background:#add8e6;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{position:relative;width:100%;max-width:1000px;min-height:1000px;margin:50px;background:#fff;display:grid;grid-template-columns:1fr 2fr;box-shadow:0 35px 55px rgba(0,0,0,.2)}.container .left_side{position:relative;background:#003147;padding:30px}.ProfileText{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.ProfileText .img{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden}.ProfileText .img img{position:absolute;top:0;left:0;width:100%;height:130%;object-fit:cover}.ProfileText h2{color:#fff;font-size:1.5em;margin-top:20px;text-transform:uppercase;text-align:center;font-weight:600;line-height:1.4em}.ProfileText h2 span{font-size:.8em;font-weight:300}.ContactInfo{padding-top:40px}.title{color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:1px;margin-bottom:20px}.ContactInfo ul{position:relative}.ContactInfo ul li{position:relative;list-style:none;margin:10px 0;cursor:pointer}.ContactInfo ul li .icon{display:inline-block;width:30px;font-size:18px;color:#03a9f4}.ContactInfo ul li span{color:#fff;font-weight:300}.ContactInfo.Education li{margin-bottom:15px}.ContactInfo.Education h5{color:#03a9f4;font-weight:500}.ContactInfo.Education h4:nth-child(2){color:#fff;font-weight:500}.ContactInfo.Education h4{color:#fff;font-weight:300}.ContactInfo.languages .percent{position:relative;width:100%;height:6px;background:#081921;display:block;margin-top:5px}.ContactInfo.languages .percent div{position:absolute;top:0;left:0;height:100%;background:#03a9f4}.container .right_side{position:relative;background:#fff;padding:40px}.about{margin-bottom:50px}.about p span{text-transform:uppercase;color:#2a7da2}.about:last-child{margin-bottom:0}.title2{color:#003147;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}p{color:#333}.about .box{display:flex;flex-direction:row;margin:20px 0}.about .box .year_company{min-width:150px}.about .box .year_company h5{text-transform:uppercase;color:#848c90;font-weight:600}.about .box .text h4{text-transform:uppercase;color:#2a7da2;font-size:16px}.skills .box{position:relative;width:100%;display:grid;grid-template-columns:150px 1fr;justify-content:center;align-items:center}.skills .box h4{text-transform:uppercase;color:#848c99;font-weight:500}.skills .box .percent{position:relative;width:100%;height:10px;background:#f0f0f0}.skills .box .percent div{position:absolute;top:0;left:0;height:100%;background:#03a9f4}.intrest ul{display:grid;grid-template-columns:repeat(4,1fr)}.intrest ul li{list-style:none;color:#333;font-weight:500;margin:10px 0}.intrest ul li .fa{color:#03a9f4;font-size:18px;width:20px}.links ul li{list-style:none}.links ul li a{padding-left:10px}@media(max-width:990px){.container{margin:10px;grid-template-columns:repeat(1,1fr)}.intrest ul{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.about .box{flex-direction:column}.about .box .year_company{margin-bottom:5px}.intrest ul{grid-template-columns:repeat(1,1fr)}}