@import"https://use.fontawesome.com/releases/v5.6.1/css/all.css";@import"https://fonts.googleapis.com/css?family=Cairo:300,600,700,900";h1{font-weight:900}h2,h3{font-weight:700}h4,h5,h6{font-weight:600}p{color:#6c757d}img{max-width:100%}.about-section{width:100%;height:100vh}.left-header{position:sticky;top:0;left:0;color:#fff;height:100vh;width:100%;max-width:100%;background-image:url(images/vilasrao.webp);background-size:cover;padding:4rem;display:flex;justify-content:center;align-items:center;animation:fadeIn 1.5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.left-header:before{position:absolute;content:"";bottom:50px;left:30px;width:80%;height:2px;background-color:#fff;opacity:.7}.left-header:after{position:absolute;content:"";bottom:50px;left:30px;height:80%;width:2px;background-color:#fff;opacity:.7}.main-content{background:linear-gradient(to bottom,#f1f5f5,#cbdceb);padding:3rem;border-radius:10px;box-shadow:0 4px 20px #0000001a;animation:slideUp 1s ease-out}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.about__text p{font-size:1rem;line-height:1.8;color:#495057;animation:fadeInUp 1.5s ease-out}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.about__skills{margin-top:2rem}.media{margin-bottom:2rem;display:flex;align-items:center;opacity:0;animation:fadeIn 2s forwards}.media-body{padding-left:1.5rem;transition:all .3s ease}.media:hover .media-body{transform:translate(10px)}.media i{font-size:25px;color:#007bff;transition:transform .3s ease}.media:hover i{transform:rotate(360deg)}.media h5{font-weight:700;margin-bottom:.5rem;color:#343a40}.media p{font-size:1rem;color:#6c757d}.slideIn{animation:slideIn 1.2s ease-out forwards;opacity:0}@keyframes slideIn{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.media:nth-child(1){animation-delay:.3s}.media:nth-child(2){animation-delay:.6s}.media:nth-child(3){animation-delay:.9s}.media:nth-child(4){animation-delay:1.2s}.media:nth-child(5){animation-delay:1.5s}.media:nth-child(6){animation-delay:1.8s}.media:nth-child(7){animation-delay:2.1s}h1{text-align:center;font-weight:700}