*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;background-color:#040404;color:#fff;position:relative;background:transparent;margin:0}body:before{content:"";position:fixed;background:#040404 url(../images/bg.jpg) 100% 0 no-repeat;background-size:cover;left:0;right:0;top:0;height:100vh;z-index:-1}@media (min-width:1024px){body:before{background-attachment:fixed}}a{text-decoration:none;display:inline-block}li,ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:Raleway,sans-serif}figure,p{margin:0}.container{width:100%;padding-left:15px;padding-right:15px;max-width:1140px;margin:0 auto}@media (max-width:1140px){.container{max-width:960px}}@media (max-width:992px){.container{max-width:720px}}@media (max-width:768px){.container{max-width:540px}}section{overflow:hidden;position:absolute;width:100%;top:140px;bottom:100%;opacity:0;transition:.4s ease-in-out;z-index:2}section.section-show{top:100px;bottom:auto;opacity:1;padding-bottom:45px}section .container{background:rgba(0,0,0,.9);padding:30px}@media (max-width:768px){section .container{padding:15px}}section .container h3{font-weight:700;font-size:26px;color:#18d26e}@media (max-width:768px){section{top:120px}section.section-show{top:80px}}.section-title h2{font-size:14px;font-weight:500;padding:0;line-height:1px;margin:0 0 20px;letter-spacing:2px;text-transform:uppercase;color:#aaa;font-family:Poppins,sans-serif}.section-title h2:after{content:"";width:120px;height:1px;display:inline-block;background:#4ceb95;margin:4px 10px}.section-title p{margin:-15px 0 15px;font-size:36px;font-weight:700;text-transform:uppercase;font-family:Poppins,sans-serif;color:#fff}.row{display:flex;justify-content:space-between}@media (max-width:576px){.vbox-next,.vbox-prev{display:none!important}}.vbox-next{right:15px}@media (max-width:1140px){.vbox-next{right:5px}}@media (max-width:768px){.vbox-next{right:0}}@media (max-width:1140px){.vbox-prev{left:5px}}@media (max-width:768px){.vbox-prev{left:0}}.header{transition:.3s ease-in-out;position:relative;height:100vh;display:flex;align-items:center;z-index:997;overflow-y:auto}.header.header-top{height:80px;position:fixed;left:0;top:0;right:0;background:rgba(0,0,0,.9)}.header.header-top .social-links,.header.header-top h2{display:none}.header.header-top h1{margin-right:auto;font-size:36px}.header.header-top .container{display:flex;align-items:center}.header.header-top .nav{margin:0}.header *{transition:.3s ease-in-out}.header h1{font-size:48px;line-height:1;font-weight:700;font-family:Poppins,sans-serif}.header h1 a,.header h1 a:hover{color:#fff;line-height:1;display:inline-block}.header h2{font-size:24px;letter-spacing:5px;margin-top:20px;color:hsla(0,0%,100%,.8)}.header h2 span{color:#fff;border-bottom:2px solid #18d26e;padding-bottom:6px}.header .social-links{margin-top:40px}.header .social-links ul{display:flex}.header .social-links ul li{margin-right:8px}.header .social-links ul li a{transition:.3s ease-in-out;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.1);margin-right:8px;border-radius:50%;width:40px;height:40px}.header .social-links ul li a:hover{background:#18d26e}.header .social-links ul li a img{width:16px;height:16px}@media (max-width:992px){.header h1{font-size:36px}.header h2{font-size:20px;line-height:30px}.header .container{display:flex;flex-direction:column;align-items:center}}@media (max-width:768px){.header.header-top{height:60px}.header.header-top h1{font-size:26px}}.nav{margin-top:35px}.nav ul{display:flex}.nav ul li+li{margin-left:30px}.nav ul li a{display:block;position:relative;color:hsla(0,0%,100%,.7);font-size:16px;font-family:Poppins,sans-serif;font-weight:400}.nav ul li a:before{content:"";position:absolute;height:2px;bottom:-4px;left:0;background-color:#18d26e;visibility:hidden;width:0;transition:all .3s ease-in-out 0s}.nav .active>a:before,.nav a:hover:before,.nav li:hover>a:before{visibility:visible;width:25px}.nav .active>a,.nav a:hover,.nav li:hover>a{color:#fff}@media (max-width:992px){.nav{display:none}}@media (max-width:992px){.about .row{flex-direction:column}}.about .personal-photo img{width:340px;height:auto}@media (max-width:992px){.about .personal-photo img{width:80%}}.about .personal-info{width:710px;margin-left:30px}@media (max-width:992px){.about .personal-info{width:inherit;margin-left:0;margin-top:15px}}.about ul{margin-bottom:1rem}.about ul li{display:flex;align-items:center}.about ul li:before{margin-right:7px;content:"";background:url(../images/icons/arrow.svg) no-repeat 50%/cover;width:15px;height:15px}.about ul li:not(:first-child){margin-top:10px}@media (max-width:1140px){.about ul li{font-size:14.5px}}.about ul li strong{margin-right:7px}.about .skills{margin-top:2rem}.about .skills .skills-items{display:flex;flex-wrap:wrap;justify-content:space-evenly}.about .skills .skills-items .skills-item{flex:0 0 20%;max-width:20%;margin:0 15px 1.5rem;display:flex;align-items:center;padding:20px;background:hsla(0,0%,100%,.08);transition:.3s ease-in-out}@media (max-width:992px){.about .skills .skills-items .skills-item{flex:0 0 25%;max-width:25%}}@media (max-width:768px){.about .skills .skills-items .skills-item{flex:0 0 100%;max-width:100%}}.about .skills .skills-items .skills-item:hover{background:hsla(0,0%,100%,.12)}.about .skills .skills-items .skills-item img{margin-right:20px;width:auto;height:32px}.about h3{margin-bottom:.5rem;font-family:Raleway,sans-serif;font-weight:700;font-size:26px;color:var(--lightgreen)}.about p{margin-bottom:1rem}@media (max-width:768px){.resume .row{flex-direction:column}}.resume .col{flex:0 0 50%;max-width:50%}@media (max-width:768px){.resume .col{flex:0 0 100%;max-width:100%}}.resume .resume-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px}.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid hsla(0,0%,100%,.2);position:relative}.resume .resume-item:before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:#18d26e;border:2px solid #18d26e}.resume .resume-item h4{line-height:18px;font-size:18px;font-weight:600;text-transform:uppercase;color:#18d26e;margin-bottom:10px}.resume .resume-item h5{font-size:16px;background:hsla(0,0%,100%,.15);padding:5px 15px;display:inline-block;font-weight:600;font-family:Raleway,sans-serif;margin-bottom:10px}.resume .resume-item p{font-style:italic}.portfolio-container{flex-wrap:wrap;justify-content:center}.portfolio-item{margin-top:30px;padding:0 15px;flex:0 0 33.333333%;max-width:33.333333%;overflow:hidden;height:400px;transition:transform .3s linear}@media (max-width:992px){.portfolio-item{flex:0 0 50%;max-width:50%}}@media (max-width:768px){.portfolio-item{flex:0 0 100%;max-width:100%}}.portfolio-item img{max-width:100%}.portfolio-item .portfolio-wrap{width:inherit;height:inherit;position:relative;overflow:hidden;z-index:1;border-radius:30px}.portfolio-item .portfolio-wrap .portfolio-info{height:200px;position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:rgba(0,0,0,.9)}.portfolio-item .portfolio-wrap .portfolio-info h4{margin-top:15px;font-size:22px;font-weight:600}.portfolio-item .portfolio-wrap .portfolio-info .technologies{display:flex}.portfolio-item .portfolio-wrap .portfolio-info .technologies h5{color:#696969;margin:5px;padding:5px 10px;border-radius:10px;background-color:#fafafa}.portfolio-item .portfolio-wrap .portfolio-info .portfolio-links{width:100%;display:flex;flex-direction:column}.portfolio-item .portfolio-wrap .portfolio-info .portfolio-links a{width:100%;padding:10px 15px;color:#fff;font-weight:600;transition:all .3s linear}.portfolio-item .portfolio-wrap .portfolio-info .portfolio-links a:hover{color:#18d26e}.portfolio-item .portfolio-wrap .portfolio-info .portfolio-links a i{margin-right:10px}.portfolio-item .portfolio-wrap .portfolio-info .portfolio-links .live-page{background-color:#b22222}.portfolio-item .portfolio-wrap .portfolio-info .portfolio-links .view-code{background-color:maroon}.contact{font-family:Raleway,sans-serif}.contact .row{flex-wrap:wrap}.contact .row .col{flex:0 0 49%;max-width:49%;margin-bottom:30px}@media (max-width:768px){.contact .row .col{flex:0 0 100%;max-width:100%}}.contact .row .col .info-box{padding:20px;width:100%;background:hsla(0,0%,100%,.08);display:flex;align-items:center}.contact .row .col .info-box ul li{display:inline-block}.contact .row .col .info-box ul li a{margin-right:12px}.contact .row .col .info-box ul li a img{width:18px;height:20px}@media (max-width:400px){.contact .row .col .info-box ul li a img{width:14px;height:16px}}.contact .row .col .info-box .img{margin-right:20px;width:52px;height:52px;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:14px;background:hsla(0,0%,100%,.1)}.contact .row .col .info-box .img img{width:24px;height:25px}.contact .row .col .info-box .info-text h3{margin-bottom:5px;font-size:20px;color:hsla(0,0%,100%,.5);font-weight:700}.contact .row .col .info-box .info-text p{font-family:Poppins,sans-serif;line-height:24px;font-size:14px}@media (max-width:400px){.contact .row .col .info-box .info-text p{font-size:10px}}.portfolio-details{padding-top:20px;padding-bottom:40px}.portfolio-details a{color:#18d26e}.portfolio-details .row{width:100%}@media (max-width:1300px){.portfolio-details .row{margin:0 auto}}@media (max-width:1140px){.portfolio-details .row{flex-direction:column}}.portfolio-details .row .portfolio-slider{flex:0 0 66.666667%;max-width:66.666667%}@media (max-width:1140px){.portfolio-details .row .portfolio-slider{flex:0 0 100%;max-width:100%}}@media (max-width:1140px){.portfolio-details .row .portfolio-slider .slider-items{height:400px;overflow:hidden}}.portfolio-details .row .portfolio-slider .slick-slide{outline:none}.portfolio-details .row .portfolio-slider .slick-arrow{display:none!important}.portfolio-details .row .portfolio-slider .slick-dots{margin-top:5px;text-align:center}.portfolio-details .row .portfolio-slider .slick-dots li{display:inline-block}.portfolio-details .row .portfolio-slider .slick-dots li button{cursor:pointer;width:12px;height:12px;border-radius:50%;background-color:hsla(0,0%,100%,.3);margin:0 5px;color:transparent;outline:none;border:none}.portfolio-details .row .portfolio-slider .slick-dots .slick-active button{background-color:#18d26e}.portfolio-details .row .portfolio-info{margin-left:30px;flex:0 0 33.333333%;max-width:33.333333%}@media (max-width:576px){.portfolio-details .row .portfolio-info ul li a{font-size:14px;display:block}}@media (max-width:1140px){.portfolio-details .row .portfolio-info{margin-left:0;flex:0 0 100%;max-width:100%}}.portfolio-details .portfolio-title{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-info{padding-top:45px}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:400;margin-bottom:20px}.portfolio-details .portfolio-info ul li+li{margin-top:10px}.portfolio-details .portfolio-info p{font-size:15px;padding:15px 0 0}@media (max-width:992px){.portfolio-details .portfolio-info{padding-top:20px}}.mobile-nav-toggle{display:none;position:fixed;right:15px;top:15px;z-index:9998;border:0;background:none;font-size:24px;transition:all .4s;outline:none!important;line-height:1;cursor:pointer;text-align:right}.mobile-nav-toggle i{color:#fff}.mobile-nav{position:fixed;top:55px;right:15px;bottom:15px;left:15px;z-index:9999;overflow-y:auto;background:rgba(0,0,0,.7);transition:.2s ease-in-out;opacity:0;visibility:hidden;border-radius:10px;padding:10px 0;border:2px solid hsla(0,0%,100%,.12)}.mobile-nav *{margin:0;padding:0;list-style:none}.mobile-nav a{display:block;position:relative;color:#fff;padding:10px 20px;font-weight:500;outline:none}.mobile-nav .active>a,.mobile-nav a:hover,.mobile-nav li:hover>a{color:#18d26e;text-decoration:none}.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(9,9,9,.6);overflow:hidden;display:none;transition:.2s ease-in-out}.mobile-nav-active{overflow:hidden}.mobile-nav-active .mobile-nav{opacity:1;visibility:visible}.mobile-nav-active .mobile-nav-toggle i{color:#fff}.menu div{display:block;margin-top:2px;width:25px;height:5px;background-color:#fff;border-radius:5px}@media (max-width:992px){.mobile-nav-toggle{display:block}}
/*# sourceMappingURL=styles.min.css.map */