@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900|Open+Sans:400,600,700,800&display=swap);*{margin:0;padding:0;box-sizing:border-box}a,button,div,h1,h2,h3,h4,h5,h6,li,p{font-family:"Open Sans",sans-serif}h1,h2,h3{margin:25px 0}h4,h5{margin:10px 0}h1{font-size:42px}h2{font-size:33px}h3{font-size:26px}h4{font-size:20px}.display-1,.display-2,.display-3,.display-4{margin:15px;font-weight:400;letter-spacing:.05em;font-family:"Lato",sans-serif}.display-1{font-size:94px}.display-2{font-size:74px}.display-3{font-size:58px}.display-4{font-size:46px}a,li,p{margin:5px 0;font-size:16px}p{line-height:27px}p.text-sm{font-size:13px}a.text-link{color:#131313;font-weight:700;border-bottom:3px solid #131313}a.text-link,a.text-link-primary{margin-left:5px;text-decoration:none}a.text-link-primary{color:#fff;border-bottom:2px solid #fff}a.text-link-primary:active,a.text-link-primary:focus,a.text-link-primary:hover{color:#f9f871;border-bottom:2px solid #f9f871}a.link{color:#131313;text-decoration:none}a.link:active,a.link:focus,a.link:hover{color:#4b555c;border-bottom:2px solid #4b555c}.btn{color:#fff;margin:15px 0;border:3px solid #fff;background:#131313;text-transform:uppercase}.btn:active,.btn:focus,.btn:hover{color:#131313;background:#fff}.btn-lg{padding:15px 35px;font-size:18px}.btn-md{padding:10px 20px;font-size:16px}.btn-primary{color:#131313;background:#fff}.btn-sm{padding:10px}a.btn{display:inline-block;text-decoration:none}.highlight,.highlight-hover:hover{color:#f9f871}.highlight-hover-sm:hover,.highlight-hover-white:hover{font-weight:700}.text-muted{opacity:.2}.text-muted-white{opacity:.6}.mt-0{margin-top:0}.mt-1{margin-top:5%}@media (max-width:576px){.highlight-hover-sm:hover{color:#f9f871}}.hero-section{height:100vh;width:100%;padding:25px 200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-section .header{width:100%;display:grid;grid-template-columns:80px auto}.hero-section .nav{text-align:right}.hero-section .mobile-nav{display:none;position:fixed;top:2px;right:0;color:#fff;padding-top:20px;padding-right:15px;z-index:110}.hero-section ul{list-style-type:none}.hero-section ul li{padding:0 10px;display:inline-block}.hero-section .mobile-nav .btn-icon{border:none;outline:none;background:#131313;padding:15px;border-radius:50%}.hero-section .mobile-nav .btn-icon::-moz-focus-inner{border:0}.hero-section #navMobile{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background:#131313}.hero-section #navMobile .nav-list{width:100%;height:auto;margin-top:50px}.hero-section #navMobile .mobile-link{width:100%;height:100%}.hero-section #navMobile .nav-list li{display:block;text-align:center}.hero-section #navMobile .mobile-link{color:#fff;font-size:26px;display:block;padding:25px 0;text-decoration:none}.hero-section #navMobile .mobile-link:active,.hero-section #navMobile .mobile-link:focus,.hero-section #navMobile .mobile-link:hover{color:#131313;background:#fff}.hero-section #navMobile .social-media-icons{position:fixed;right:0;bottom:0}.hero-section .content{height:866px;width:100%;color:#fff;padding-left:150px;padding-right:25px;position:relative;display:flex;align-items:center;background-color:#131313}.hero-section .content .personal-link{display:block;color:#fff;font-size:14px}.hero-section .cta{z-index:10}.hero-section .bg{z-index:1}.hero-section .cta .display-1{margin-left:-50px}.hero-section .cta .description{max-width:400px}.hero-section .bg-logo{width:500px;height:auto;position:absolute;bottom:0;right:25px}.hero-section .social-media-icons{margin-top:20px;width:100%;text-align:right}.hero-section .social-media-icons a{margin:5px}.hero-section i{color:#131313}.hero-section i:active,.hero-section i:focus,.hero-section i:hover{color:#4b555c}@media (max-width:1200px){.hero-section .content{padding-left:100px}}@media (max-width:992px){.hero-section{padding:0}.hero-section .header,.hero-section .social-media-icons{margin:0;padding:15px;color:#fff;background:#131313}.hero-section .header a.link,.hero-section .social-media-icons i{color:#fff}.hero-section .header a.link:active,.hero-section .header a.link:focus,.hero-section .header a.link:hover{color:#f9f871;border-bottom:2px solid #f9f871}.hero-section .social-media-icons i:active,.hero-section .social-media-icons i:focus,.hero-section .social-media-icons i:hover{color:#f9f871}}@media (max-width:576px){.hero-section .mobile-nav{text-align:right;display:block;margin-top:-20px}.hero-section .mobile-nav i{color:#fff}.hero-section .nav ul{display:none}.hero-section .content{padding-left:25px}.hero-section .cta .display-1{margin-left:0;font-size:62px}.hero-section .bg-logo{width:400px}}@media (max-height:530px){.hero-section .bg-logo{width:300px}}@media (max-height:600px){.hero-section #navMobile .mobile-link{font-size:22px;padding:15px 0}}@media (max-height:460px){.hero-section #navMobile .mobile-link{font-size:18px;padding:10px 0}}@media (max-height:320px){.hero-section #navMobile .mobile-link{font-size:14px;padding:5px 0}}.work-item{display:grid;grid-template-columns:1fr 1fr}.work-item .image,.work-item .info{padding:50px}.work-item .image{display:flex;align-items:center;justify-content:center}.work-item .image img{max-width:574px;width:100%;height:auto;border-radius:15px;box-shadow:0 0 8px grey}.work-item .image img.no-shadow{box-shadow:none}.work-item .info{color:#fff;background:#131313;padding-right:150px}.work-item:nth-child(odd) .image{order:2}.work-item .btn{margin-right:15px}@media (max-width:992px){.work-item{display:block}.work-item .info{padding-top:10px}.work-item:nth-child(odd) .image,.work-item:nth-child(odd) .info{color:#fff;background:#131313}.work-item:nth-child(odd) .image img{box-shadow:none}.work-item:nth-child(2n) .image,.work-item:nth-child(2n) .info{color:#131313;background:#fff}.work-item:nth-child(2n) .text-muted{opacity:.4}.work-item:nth-child(2n) .highlight-hover:hover{color:#4b555c}.work-item:nth-child(2n) .btn{color:#131313;border:3px solid #131313;background:#fff}.work-item:nth-child(2n) .btn:active,.work-item:nth-child(2n) .btn:focus,.work-item:nth-child(2n) .btn:hover{color:#fff;border:3px solid #131313;background:#131313}.work-item:nth-child(2n) .btn-primary{color:#fff;background:#131313}}@media (max-width:768px){.work-item .info{padding-right:50px}}@media (max-width:576px){.work-item .image,.work-item .info{padding:25px}}.about-me{padding:100px;color:#fff;background:#131313}.highlight-primary{display:inline-block;color:#131313;background:#fff}.about-me .title{text-align:right}.about-me .name .display-2,.about-me .title .display-2{margin:10px 0}.about-me .description{margin:75px 150px}.about-me .description p{margin:25px}@media (max-width:992px){.about-me .description{margin:75px 50px}}@media (max-width:768px){.about-me{padding:50px}}@media (max-width:576px){.about-me .description{margin:50px 0}.about-me .name .display-2,.about-me .title .display-2{font-size:50px}.about-me{padding:25px}}.skills{width:800px;margin:100px auto}.skills .description p{margin:25px 0}.skills-list{padding:0 50px;display:grid;grid-template-columns:2fr 1fr}.skills-list ul{list-style-type:none}.skills-list li{margin:15px 0}.skills-list li span{padding:5px 10px}.skills-list li:nth-child(2n) span{color:#fff;background:#131313}.skills-list .core-skills{display:grid;grid-column-gap:50px;grid-template-columns:1fr 1fr}.skills-list .core-skills .list-title{grid-column:1/-1}.skills-list .other-skills .list-title{margin-bottom:40px}@media (max-width:992px){.skills{width:700px;margin:100px auto}}@media (max-width:768px){.skills{max-width:600px;width:auto;margin:100px 50px}.skills-list .core-skills,.skills-list .other-skills{margin-left:50px;margin-bottom:40px;grid-column:1/-1}}@media (max-width:576px){.skills-list{padding:0}.skills-list .core-skills{grid-column-gap:0;grid-template-columns:3fr 1fr}.skills-list .core-skills,.skills-list .other-skills{margin-left:0}}.blog-section{padding:150px 20vw;color:#fff;background:#131313}.blog-section .article-item,.blog-section .title{margin-bottom:50px}.blog-section .article-item h3{margin:0}.blog-section .article-item h3 a{color:#fff;font-size:26px;text-decoration:none}.blog-section .article-item h3 a:active,.blog-section .article-item h3 a:focus,.blog-section .article-item h3 a:hover{color:#f9f871}.blog-section .article-item p:not(.text-muted){margin:15px 0}.blog-section .article-item a{margin-left:0}@media (max-width:992px){.blog-section{padding:150px 120px}}@media (max-width:576px){.blog-section{padding:150px 50px}}.design-section{padding-top:100px}.design-section .title{width:800px;margin:0 auto 100px}.design-section .design-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.design-section .design-grid img{width:100%}.design-section .image-link{margin:-5px 0 0}@media (max-width:992px){.design-section .title{width:600px}}@media (max-width:768px){.design-section .title{width:500px}}@media (max-width:576px){.design-section .title{width:auto;padding:0 50px}.design-section .design-grid{display:grid;grid-template-columns:1fr}}.contact-section{margin-top:-10px;padding:100px;color:#fff;background:#131313;display:grid;grid-template-columns:1fr 1fr;grid-gap:50px}.contact-form .form-group{margin-top:50px;display:grid;grid-template-columns:120px auto}.contact-form label{padding-top:15px;padding-left:25px;border-left:5px solid #fff}.contact-form input,.contact-form textarea{padding:15px;color:#fff;background:none;border:1px solid #fff;border-radius:3px}.contact-form button[type=submit]{margin-top:50px}.brief-info{text-align:center;padding:0 36px}.brief-info .logo{width:180px;border-radius:50%}.brief-info h3.name{margin-bottom:15px}.brief-info p:not(.title){margin:25px 0}.brief-info .social-media-icons a{color:#fff;margin:0 5px;font-size:25px}.brief-info .social-media-icons a:active,.brief-info .social-media-icons a:focus,.brief-info .social-media-icons a:hover{color:#f9f871}.alert-message{display:inline-block;padding:15px 25px;margin-top:30px;font-size:22px;color:#131313;background:#fff;opacity:.8;text-transform:uppercase}@media (max-width:992px){.contact-section{padding:100px 50px}.brief-info .logo{width:150px}}@media (max-width:768px){.contact-section{padding:100px}.contact-section .brief-info,.contact-section .contact-info{grid-column:1/-1}.contact-section .brief-info{margin-top:100px;padding:0}}@media (max-width:576px){.contact-section{padding:100px 50px}.contact-form .form-group{grid-template-columns:1fr}.contact-form label{padding:10px;margin-bottom:25px}}.footer{text-align:center;margin:5px 0}
/*# sourceMappingURL=main.4d315754.chunk.css.map */