/*
 *  Draco HTML Template by @afnizarnur
 *  License: Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)
 */

html{scroll-behavior: auto}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display SC",serif;color:#333}a,p,li{font-family:"Lato",Arial,sans-serif;color:#4e4e4e;font-size:1em;line-height:1.75em;}a:hover{text-decoration:none !important;color:#333 !important;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.container{margin:auto;max-width:750px;padding:0 20px}@media only screen and (max-width: 767px){.intro img{display:block;margin-left:auto;margin-right:auto;}footer{text-align:center}}.typed-cursor{opacity:1;font-weight:100;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;-ms-animation:blink 0.7s infinite;-o-animation:blink 0.7s infinite;animation:blink 0.7s infinite}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-ms-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.main-nav{position:sticky;top:0;z-index: 1000;background:#f4f4f4;padding-top:23px}.main-nav nav ul li a{color:#a7a7a7}.main-nav nav ul li.active a{color:#4d4d4d}.section.second{margin-bottom:150px}.section .container{position:relative}.section .container:after{position:absolute;content:url(../img/separator.png);left:20px}.section .container h1{text-transform:uppercase;margin-bottom:30px;position:relative}.intro{padding:95px 0px 70px 0px;overflow-x:hidden}.intro img{width:81px;height:81px;border-radius:99px}.intro .wrap{margin:30px 0px}.intro h1:before{position:absolute;left:-220px;top:-150px;font-size:270px;z-index:-1;color:#f4f4f4}.intro h1 span{font-size:47px}.work .work-list{margin-left:0px}.work .work-list li{list-style:none;font-size:0.9375em;color:#8c8c8c}.work .work-list li a{padding-bottom:5px;font-size:1em;font-weight:700;text-decoration:none;border-bottom:1px solid #b3b3b3}.work .work-list li a:hover{border-bottom:1px solid #333}.award .award-list{margin-left:0px}.award .award-list li:first-child{font-size:0.9375em;color:#8c8c8c}.skills .skill-list{margin-left:0px}.skills .skill-list li:first-child{font-size:0.9375em;color:#8c8c8c}.quote{background:url(../img/banner.jpg);background-size: cover;padding:20px 0px;margin-top:120px}.quote h1{margin:50px 0px;padding:40px 20px;border:5px solid #fff;color:#fff}footer{padding:50px 0px 0px 0px}footer .social li{display:inline;margin-left:20px}footer .social li a{font-size:1.25em;color:#999} .scroll-offset{position: relative;top: 80px;} .download-btn {background-color: #007bff;color: white;border: none;padding: 10px 20px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;&:hover {background-color: #0056b3;} outline: none;box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);}}