@import url(https://fonts.googleapis.com/css2?family=Monoton&display=swap);@import url(https://fonts.googleapis.com/css2?family=Molle:ital@1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap);.nav-bar{background-color:var(--primary);left:0;position:fixed;right:0;top:0;z-index:99}.header{color:#fff;height:60px;justify-content:space-between;max-width:1366px;padding:10px 5%}.header,.left,.right{align-items:center;display:flex}.logo-wrapper{color:inherit;text-decoration:none}.logo{font-family:molle;font-size:40px;margin-right:40px}.social-icons{margin-left:20px}.social-icons .icon-wrapper{border-radius:50%;box-shadow:0 3px 2px 1px rgba(0,0,0,.1);color:inherit;cursor:pointer;display:inline-block;height:40px;margin:0 5px;position:relative;transition:all .5s;width:40px}.social-icons .icon{font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.social-icons .icon-wrapper:hover{background-color:var(--dark);box-shadow:0 0 2px 1px rgba(0,0,0,.1);color:var(--lightGray);transform:translateY(-5px)}.hamburger-menu{cursor:pointer;font-size:40px;margin-left:30px;transition:all .3s}.hamburger-menu:hover{color:var(--lightGray);transform:scale(1.15)}@media screen and (max-width:660px){.left .logo{margin-right:0}.left .design-dash{display:none}.left .social-icons{display:flex;margin-right:0}.right{align-items:center;display:flex}.right .btn{display:none}.right .hamburger-menu{margin-left:0}}@media screen and (max-width:400px){.left .social-icons{display:none}.right .btn{display:inline-block;margin-right:10px}}.navigation-menu{align-items:center;background-color:var(--primary);display:flex;height:100vh;justify-content:center;opacity:0;position:fixed;right:0;top:0;transition:all .3s;width:100vw;z-index:-1}.navigation-menu.active{opacity:1;z-index:9}.navigation-menu ul{list-style:none;text-align:center}.navigation-menu li a{color:var(--light);display:inline-block;font-size:25px;font-weight:700;margin:10px;text-decoration:none;transition:all .3s}.navigation-menu li a:hover{color:var(--dark)}.navigation-menu li span{color:var(--lightGray);font-size:200px;font-weight:900;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;z-index:-1}.navigation-menu .about-link:hover .about-link-bg,.navigation-menu .home-link:hover .home-link-bg,.navigation-menu .skills-link:hover .skills-link-bg{letter-spacing:40px;opacity:.4;pointer-events:none}.navigation-menu .blog-link:hover .blog-link-bg,.navigation-menu .portfolio-link:hover .portfolio-link-bg{letter-spacing:10px;opacity:.4;pointer-events:none}.navigation-menu .contact-link:hover .contact-link-bg{letter-spacing:40px;opacity:.4;pointer-events:none}.section.banner{margin:60px auto 0;padding:0 5%}.banner{align-items:center;display:flex;justify-content:space-between}.banner-content{max-width:700px}.banner-content h2{font-size:40px}.banner-content h1,.banner-content h2{font-family:var(--designFont);font-weight:700}.banner-content h1{font-size:60px;margin-bottom:20px}.banner-content p{color:var(--text);margin-bottom:10px}.banner-content .btn{display:inline-block;margin-top:40px}.banner-image .img-container{height:420px;position:relative}@media screen and (max-width:1100px){.banner-content{max-width:500px}}@media screen and (max-width:950px){.banner-content h2{font-size:30px}.banner-content h1{font-size:40px}.banner-content p{color:var(--text);margin-bottom:10px}.banner-image .img-container{height:300px}.banner-image .img-container img{width:auto}}@media screen and (max-width:700px){.banner{display:block}.banner-content{max-width:100%;padding:40px 0}}.about{position:relative;z-index:2}.about .title{padding:30px 0}.about .about-content{display:flex;justify-content:space-between}.about .about-desc,.about .about-img{flex-basis:50%}.about .about-img{display:flex;justify-content:center}.about .about-img img{height:390px;position:relative;width:auto}.about .about-desc .quote{align-items:center;color:var(--text);display:flex;font-weight:700}.about .about-desc p{margin-bottom:20px}.about .about-desc .icon{color:var(--text);font-size:60px;margin-right:20px}.about .about-desc .skills{display:flex}.about .skills ul{list-style:square}@media screen and (max-width:768px){.about .about-content{display:block}}.portfolio .title{padding:30px 0}.portfolio .feature-portfolios{display:flex;justify-content:space-between}.portfolio .feature-portfolios .card{max-height:300px;position:relative;text-decoration:none;width:calc(33.33% - 20px)}.portfolio .feature-portfolios .portfolio-name{font-family:var(--designFont);font-size:30px}.portfolio .feature-portfolios .img-box{box-shadow:0 3px 10px 5px rgba(0,0,0,.05);height:100%;overflow-y:hidden;text-align:center}.portfolio .feature-portfolios img{height:auto;width:100%}.portfolio .feature-portfolios .card-description{background:var(--lightGray);color:var(--primary)}.portfolio .feature-portfolios .card-content{background:rgba(114,182,38,.9);color:var(--light);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;text-decoration:none;top:0;transform:scale(0);transform-origin:center;transition:all .3s;width:100%}.portfolio .feature-portfolios .card:hover .card-content{opacity:1;transform:scale(1)}.portfolio .feature-portfolios .btn{align-items:center;display:flex;justify-content:space-between;margin:10px auto;width:100px}.portfolio .portfolio-btn{display:flex;justify-content:center;margin-top:60px}@media screen and (max-width:1140px){.portfolio .feature-portfolios{flex-wrap:wrap;justify-content:center}.portfolio .feature-portfolios .card{margin:20px 0;width:100%}}.section.contact{padding-bottom:60px}.contact .title{padding:30px 0}.contact .contact-box{display:flex;justify-content:space-between;width:100%}.contact .spacer{flex-basis:4%}.contact .contact-img,.contact .contact-info{flex-basis:50%}.contact-info .address,.contact-info .social-info{margin-bottom:50px}.contact-info h3{margin-bottom:10px}.contact-info .link{color:var(--primary);display:inline-block;text-decoration:none;transition:all .5s}.contact-info .link:hover{transform:scale(1.05)}.contact-info .social-icons{margin:20px 0 0}.contact-info .social-icons .icon-wrapper{color:var(--primary)}.contact-info .social-icons .icon-wrapper:hover{color:var(--light)}.contact-info .copy-right i{font-size:14px}.contact .contact-img{display:flex;justify-content:center}.contact .contact-img img{height:100%;width:100%}.scroll-top{bottom:120px;position:absolute;right:0;transform:rotate(-90deg)}.scroll-top a{align-items:center;color:var(--text);display:flex;justify-content:space-between;letter-spacing:1px;text-decoration:none;text-transform:uppercase;transition:all .5s}.scroll-top:hover a{transform:translateX(6px)}.scroll-top .icon{font-size:25px}@media screen and (max-width:840px){.contact .contact-box{display:block;width:100%}.contact .spacer{flex-basis:4%}.contact .contact-img,.contact .contact-info{flex-basis:50%}.scroll-top{bottom:400px;position:absolute;right:0;transform:rotate(-90deg)}}.skills{padding:40px 0}.skills .title{padding:30px 0}.skills-line{border:1px solid var(--text);position:relative}.skills-line span{align-items:center;background:var(--text);border-radius:50%;color:var(--light);display:flex;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:60px}.skills-line span:first-child{left:-5px}.skills-line span:last-child{right:-5px}.skills-content{align-items:center;display:flex;justify-content:space-around;margin:20px auto 50px}.skills-content .skill-card{margin-top:0;position:relative}.skills-content .skill-card:before{border:1px solid var(--text);content:"";height:100px;left:50%;position:absolute;top:-70px;transform:translateX(-50%)}.skills-content .skill-card:nth-child(2){margin-top:100px}.skills-content .skill-card:nth-child(2):before{height:150px;top:-120px}.skills-content h3{background:var(--primary);border-top-left-radius:10px;border-top-right-radius:10px;color:var(--light);margin-top:20px;min-width:320px;padding:30px;position:relative}.skills-content h3:before{background:linear-gradient(to bottom,var(--text),var(--primary));-webkit-clip-path:polygon(50% 35%,0 100%,100% 100%);clip-path:polygon(50% 35%,0 100%,100% 100%);content:"";height:30px;left:50%;position:absolute;top:-28px;transform:translateX(-50%);width:30px}.skills-content ul{background:var(--lightGray);border-bottom-left-radius:5px;border-bottom-right-radius:5px;list-style:square;padding:20px 40px}.skills-content ul li{font-weight:400;letter-spacing:1px}@media screen and (max-width:1280px){.skills-line{display:none}.skills-content{display:flex;flex-wrap:wrap}.skills-content .skill-card:before{display:none}.skills-content .skill-card:nth-child(2){margin-top:0}.skills-content h3:before{display:none}}@media screen and (max-width:860px){.skills-content{display:block}.skills-content h3{min-width:auto}.skills-content ul{padding:auto}}.section.portfolio-list{margin-top:20px;padding-bottom:40px}.portfolio-list .title{padding:30px 0 0}.portfolio-list .feature-portfolios{display:flex;flex-wrap:wrap;justify-content:space-between}.portfolio-list .feature-portfolios .card{background:var(--lightGray);border:1px solid var(--lightGray);margin-top:40px;max-height:300px;padding:5px;position:relative;width:calc(33.33% - 20px)}.portfolio-list .feature-portfolios .portfolio-name{font-family:var(--designFont);font-size:30px}.portfolio-list .feature-portfolios .img-box{box-shadow:0 3px 10px 5px rgba(0,0,0,.05);height:100%;overflow-y:hidden;text-align:center}.portfolio-list .feature-portfolios img{height:auto;width:100%}.portfolio-list .feature-portfolios .card-content{background:rgba(114,182,38,.9);color:var(--light);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;text-decoration:none;top:0;transform:scale(0);transform-origin:center;transition:all .5s;width:100%}.portfolio-list .feature-portfolios .card:hover .card-content{opacity:1;transform:scale(1)}.portfolio-list .feature-portfolios .btn{align-items:center;display:flex;justify-content:space-between;margin:10px auto;width:100px}.portfolio-list .portfolio-btn{display:flex;justify-content:center;margin-top:40px}@media screen and (max-width:1140px){.portfolio-list .feature-portfolios{flex-wrap:wrap;justify-content:center}.portfolio-list .feature-portfolios .card{margin:20px 0;width:100%}}.section.portfolio-detail{margin-top:20px;padding-bottom:40px}.portfolio-detail .back-link{display:inline-block;position:-webkit-sticky;position:sticky;text-decoration:none;top:100px}.portfolio-detail .back-link .icon{margin-right:10px;position:relative;top:3px}.portfolio-detail .title{padding:30px 0}.portfolio-detail .portfolio-image{margin:auto;max-width:900px;text-align:center}.portfolio-detail .portfolio-image img{outline:2px solid var(--lightGray);outline-offset:5px;width:100%}@media screen and (max-width:600px){.portfolio-detail .title strong{display:block}}:root{--designFont:"Cormorant Upright",serif;--generalFont:"Poppins",sans-serif;--primary:#72b626;--light:#fff;--dark:#161616;--text:#333;--gray:#777;--lightGray:#eee;--lighterGray:#f1f1f1}*{margin:0;padding:0;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;font-family:var(--generalFont);font-size:16px;font-weight:300;overflow-x:hidden}@media screen and (max-width:950px){body{font-size:15px}}.btn{border-radius:5px;padding:10px 15px;text-decoration:none;transition:all .3s}.btn:hover{box-shadow:0 0 8px 3px rgba(0,0,0,.2);transform:scale(1.05)}.primary-btn{background:#72b626;background:var(--primary);border:2px solid #fff;border:2px solid var(--light);color:#fff;color:var(--light);outline:2px solid #72b626;outline:2px solid var(--primary)}.primary-btn:hover{border-color:#72b626;border-color:var(--primary)}.primary-btn-outline{border:1px solid #161616;border:1px solid var(--dark);color:#161616;color:var(--dark)}.secondary-btn{background:#fff;background:var(--light);border:2px solid #72b626;border:2px solid var(--primary);color:#161616;color:var(--dark);outline:2px solid #fff;outline:2px solid var(--light)}.secondary-btn:hover{border-color:#fff;border-color:var(--light)}.secondary-btn-outline{border:1px solid #fff;border:1px solid var(--light);color:#fff;color:var(--light)}.sections{--webkit-scrollbar-width:none;position:relative;scrollbar-width:none;top:80px;width:100%}.section{margin:auto;max-width:1366px;padding:80px 5% 0;position:relative;scroll-snap-align:start}.img-fluid{height:100%;width:100%}.title{text-align:center;text-transform:uppercase}.title h2{font-family:Cormorant Upright,serif;font-family:var(--designFont);font-size:40px;font-weight:700}.title span{letter-spacing:2px}
/*# sourceMappingURL=main.2c59bc77.css.map*/