#header{position:fixed;top:0;left:0;bottom:0;z-index:9997;transition:all .5s;padding:15px;overflow-y:auto}@media (max-width: 991px){#header{background:#fff;border-right:1px solid #e6e9ec;left:-300px}}@media (min-width: 991px){#main{margin-left:100px}}.nav-menu{padding:0;display:block}.nav-menu *{margin:0;padding:0;list-style:none}.nav-menu>ul>li{position:relative;white-space:nowrap}.nav-menu a,.nav-menu a:focus{display:flex;align-items:center;color:#45505b;padding:10px 18px;margin-bottom:8px;font-size:15px;border-radius:50px;background:#f2f3f5;height:56px;width:100%;overflow:hidden;transition:.3s}.nav-menu a i,.nav-menu a:focus i{font-size:20px}.nav-menu a span,.nav-menu a:focus span{padding:0 5px 0 7px;color:#45505b}@media (min-width: 992px){.nav-menu a,.nav-menu a:focus{width:56px}.nav-menu a span,.nav-menu a:focus span{display:none;color:#fff}}.nav-menu a:hover,.nav-menu .active,.nav-menu .active:focus,.nav-menu li:hover>a{color:#fff;background:red}.active{color:#fff;background:red}.active span .active:focus span{color:#fff}.nav-menu a:hover span,.nav-menu .active span,.nav-menu .active:focus span,.nav-menu li:hover>a span{color:#fff}.nav-menu a:hover,.nav-menu li:hover>a{width:100%;color:#fff}.nav-menu a:hover span,.nav-menu li:hover>a span{display:block}.mobile-nav-toggle{position:fixed;left:10px;bottom:10px;z-index:9998;border:0;background:#f2f3f5;font-size:30px;transition:all .4s;outline:none!important;line-height:0;cursor:pointer;border-radius:50px;padding:8px;color:red!important}.mobile-nav-toggle i{color:red!important}.mobile-nav-active{overflow:hidden}.mobile-nav-active #header{left:0}.mobile-nav-active .mobile-nav-toggle{color:red!important;background-color:#fff}.intro-img-container{height:100vh}.intro-message{position:absolute;top:300px;left:0;transition:top 1s ease-out}.intro-img-container img{--s: 10px;padding:var(--s);border:calc(2*var(--s)) solid #0000;outline:1px solid #fff;outline-offset:calc(-1*var(--s));background:conic-gradient(from 90deg at 1px 1px,#0000 25%,#fff 0);max-height:100vh!important;height:inherit!important}#intro{width:100%;height:100vh;background-size:cover;position:relative}.intro-lg{display:block;transition:display 1s ease-out}.intro-sm{display:none;transition:display 1s ease-out}#intro:before{content:"";background:inherit;position:absolute;bottom:0;top:0;left:0;right:0}#intro h1{font-size:35px!important;transition:font-size 1s ease-out;color:#fff}#intro h4{font-size:15px;transition:font-size 1s ease-out}.read-about-me{font-size:15px!important;transition:font-size 1s ease-out}@media (max-width: 550px){#intro{text-align:center}.intro-lg{display:none}.intro-sm{display:block}.intro-message{top:80px}}@media (min-width: 700px){#intro h1{font-size:50px!important}#intro h4{font-size:20px}.read-about-me{font-size:20px!important}}@media (min-width: 892px){.intro-img-container{padding-top:10px;height:90vh}}@media (min-width: 992px){#intro{padding-left:100px}#intro h1{font-size:60px!important}#intro h4{font-size:30px}.read-about-me{font-size:30px!important}.intro-img-container{padding-top:15px;height:95vh}}@media (max-width: 992px){#intro{padding-left:20px}}.intro-sm{padding:20px!important}#intro .intro-sm-container h4{font-size:25px}.intro-sm-img-container img{max-height:70vh;height:inherit}#interests .interest-item{cursor:pointer;margin-bottom:30px!important}#interests .interest-item-title{margin-bottom:5px!important}#interests .interest-item .interest-item-icon{color:red}.resume .resume-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px;color:#fff}.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid red;position:relative}.resume .resume-item h4{line-height:18px;font-size:18px;font-weight:600;text-transform:uppercase;font-family:Poppins,sans-serif;color:#fff;margin-bottom:10px}.resume .resume-item h5{font-size:16px;background:#ff5656;color:#fff;padding:5px 15px;display:inline-block;font-weight:600;margin-bottom:10px}.resume .resume-item ul{padding-left:20px}.resume .resume-item ul li{padding-bottom:10px}.resume .resume-item:last-child{padding-bottom:0}.resume .resume-item:before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:#171717;border:2px solid red}.full-resume{margin-top:20px}.skills .progress{height:60px;display:block;background:none;border-radius:0}.skills .progress .skill{padding:0;margin:0 0 6px;text-transform:uppercase;display:block;font-weight:600;font-family:Poppins,sans-serif;color:#fff}.skills .progress .skill .val{float:right;font-style:normal}.skills .progress-bar-wrap{background:#e3e3e3;height:10px}.skills .progress-bar{width:1px;height:10px;transition:all .9s ease-in;background-color:#fe3939}.carousel-img{height:50vh;width:100%!important}.project-name{color:#fe3939}.portfolio-item-section-head{border-color:#fe3939!important;margin-bottom:20px}.project-details{background-color:#07070799;padding:15px;margin-bottom:20px}.portfolio-container{margin-top:20px}hr{margin-top:40px;margin-bottom:40px}body{font-family:Open Sans,sans-serif;color:#fff;background-color:#171717}a,a:hover{color:red;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}.app-color{color:red}.app-btn-color-outline{border-color:red!important;color:red}.app-btn-color{background-color:red}.app-btn-color-outline:hover{background-color:red;color:#fff}#main{margin-left:300px}@media (max-width: 1199px){#main{margin-left:0}}.main-section-item .content h3{font-weight:700;font-size:26px;color:red}.main-section-item .content ul{list-style:none;padding:0}.main-section-item .content ul li{margin-bottom:20px;display:flex;align-items:center}.main-section-item .content ul strong{margin-right:10px}.main-section-item .content ul i{font-size:16px;margin-right:5px;color:red;line-height:0}.main-section-item .content p:last-child{margin-bottom:0}section{padding:60px 0;overflow:hidden}.section-bg{background:inherit}.section-title{padding-bottom:30px}.section-title h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative}.section-title h2:after{content:"";position:absolute;display:block;width:50px;height:3px;background:red;bottom:0;left:0}.section-title p{margin-bottom:0}