@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap);@import url(https://fonts.googleapis.com/css2?family=Righteous&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}.header{align-items:center;background:#fafafa;box-shadow:0 10px 100px rgba(0,0,0,.1);display:flex;font-weight:800;justify-content:space-between;padding:1rem 2rem;position:fixed;text-transform:uppercase;width:100%;z-index:1000}.header-text{font-size:.9rem;letter-spacing:.2em;padding-left:.5em}@media only screen and (min-width:2560px){.header-text{font-size:1.9rem}}.header .avatar-container{align-items:center;display:flex;justify-content:space-between}.menu-btn{cursor:pointer;height:3rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease-in-out;width:3rem;z-index:1}.menu-btn__burger{right:0;top:.5rem}.menu-btn__burger,.menu-btn__burger:before{background:#333;height:3px;position:absolute;transition:all .3s ease-in-out;width:28px}.menu-btn__burger:before{content:"";top:-8px}.menu-btn__burger:after{background:#333;content:"";height:3px;position:absolute;top:8px;transition:all .3s ease-in-out;width:20px}.menu-btn__burger.open{background:transparent;-webkit-transform:rotate(2turn);transform:rotate(2turn)}.menu-btn__burger.open:before{-webkit-transform:rotate(45deg) translate(5px,8px);transform:rotate(45deg) translate(5px,8px)}.menu-btn__burger.open:after{-webkit-transform:rotate(-45deg) translate(3px,-7px);transform:rotate(-45deg) translate(3px,-7px);width:28px}.nav{left:0;opacity:.98;position:fixed;top:0;visibility:hidden;width:100vw}.nav.open{visibility:visible}.nav .menu-nav{align-items:center;background:#121212;display:flex;flex-flow:column wrap;height:100vh;justify-content:center;list-style-type:none;overflow:hidden;padding-right:1rem;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .3s ease-in-out}.nav .menu-nav.open{-webkit-transform:translateY(0);transform:translateY(0)}.nav .menu-nav__item{-webkit-transform:translateX(100vw);transform:translateX(100vw);transition:all .3s ease-in-out}.nav .menu-nav__item.open{-webkit-transform:translateX(0);transform:translateX(0)}.nav .menu-nav__item.active>a{color:#f9d806}.nav .menu-nav__link{color:#e0e0e0;display:inline-block;font-size:2rem;font-weight:800;padding:2rem 0;text-transform:uppercase;transition:all .3s ease-in-out}@media only screen and (min-width:2560px){.nav .menu-nav__link{font-size:3rem}}.nav .menu-nav__link:hover{background-color:#333;color:#e0e0e0}.nav .menu-nav__link:active{color:#f9d806}.menu-nav__item:first-child{transition-delay:.25s}.menu-nav__item:nth-child(2){transition-delay:.35s}.menu-nav__item:nth-child(3){transition-delay:.45s}.menu-nav__item:nth-child(4){transition-delay:.55s}.hero-section-wrapper{align-items:center;background:linear-gradient(90deg,hsla(0,0%,96%,.8),hsla(0,0%,96%,.8)),url(https://d33wubrfki0l68.cloudfront.net/daac8858fd4a0ccea44f59dfd079c3c16c263f33/c157c/assets/svg/common-bg.svg);background-position:50%;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0}.hero-section-wrapper .article{padding:3rem 1rem;text-align:center}.hero-section-wrapper .article h1{font-size:3rem;padding-bottom:2.5rem}@media only screen and (min-width:2560px){.hero-section-wrapper .article h1{font-size:4rem}}.hero-section-wrapper .article p{font-size:1.1rem;line-height:1.6}@media only screen and (min-width:2560px){.hero-section-wrapper .article p{font-size:2.1rem}}.hero-section-wrapper button{max-width:80%}.about-section-wrapper{align-items:center;background:#f7f7f7;display:flex;flex-direction:column;justify-content:space-between;justify-content:center}.about-section-wrapper>div{grid-gap:3.5rem;display:grid;gap:3.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px}.about-section-wrapper>div .more-info-wrapper h3{font-size:1.5rem;padding:0 0 40px}@media only screen and (min-width:2560px){.about-section-wrapper>div .more-info-wrapper h3{font-size:2.5rem}}.about-section-wrapper>div .more-info-wrapper p{color:#5e5e5e;font-size:1rem;padding:0 0 40px}@media only screen and (min-width:2560px){.about-section-wrapper>div .more-info-wrapper p{font-size:2rem}}.about-section-wrapper>div .more-info-wrapper p a{color:#f9d806;font-weight:700;text-decoration:underline}.about-section-wrapper>div .more-info-wrapper .skills-wrapper{display:flex;flex-wrap:wrap}.projects-section-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.projects-section-wrapper>div{grid-gap:3.5rem;display:grid;gap:3.5rem;margin:40px auto;width:100%}.projects-section-wrapper>div .single-project-wrapper{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.projects-section-wrapper>div .single-project-wrapper h3{font-size:1.5rem;padding:0 0 1.5rem}@media only screen and (min-width:2560px){.projects-section-wrapper>div .single-project-wrapper h3{font-size:2.5rem}}.projects-section-wrapper>div .single-project-wrapper p{color:#5e5e5e;font-size:1rem}@media only screen and (min-width:2560px){.projects-section-wrapper>div .single-project-wrapper p{font-size:2rem}}.projects-section-wrapper>div .single-project-wrapper p>a{color:#f9d806;font-weight:700;text-decoration:underline}.projects-section-wrapper>div .single-project-wrapper .skills-wrapper{display:flex;flex-wrap:wrap;padding:1rem 0}.projects-section-wrapper>div .single-project-wrapper .btn-wrapper{display:flex}.projects-section-wrapper>div .single-project-wrapper .btn-wrapper .btn{font-size:.8rem;padding:.8rem 1.2rem;white-space:nowrap}@media only screen and (min-width:2560px){.projects-section-wrapper>div .single-project-wrapper .btn-wrapper .btn{font-size:1.8rem}}.projects-section-wrapper>div .single-project-wrapper img{height:auto;width:100%}.contact-section-wrapper{align-items:center;background:linear-gradient(90deg,hsla(0,0%,96%,.8),hsla(0,0%,96%,.8)),url(https://d33wubrfki0l68.cloudfront.net/daac8858fd4a0ccea44f59dfd079c3c16c263f33/c157c/assets/svg/common-bg.svg);background-position:50%;display:flex;flex-direction:column;justify-content:space-between;justify-content:center}.contact-section-wrapper form{display:flex;justify-content:center;width:100%}.contact-section-wrapper form .container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(12,1fr);max-width:80rem;width:100%}.contact-section-wrapper form .container .col-md-6,.contact-section-wrapper form .container .col-xs-12{grid-column:1/-1}.contact-section-wrapper form .container input:focus~label,.contact-section-wrapper form .container input:valid~label,.contact-section-wrapper form .container textarea:focus~label,.contact-section-wrapper form .container textarea:valid~label{color:#f9d806;font-size:.7rem;margin-bottom:1rem;top:-5px;transition:all .225s ease-in-out}@media only screen and (min-width:2560px){.contact-section-wrapper form .container input:focus~label,.contact-section-wrapper form .container input:valid~label,.contact-section-wrapper form .container textarea:focus~label,.contact-section-wrapper form .container textarea:valid~label{font-size:1.7rem}}.contact-section-wrapper form .container .styled-input{border-radius:.7rem;float:left;margin:1rem 0;position:relative;width:100%}.contact-section-wrapper form .container .styled-input label{color:#f9d806;font-size:1rem;left:0;padding:1.3rem 30px 1rem;pointer-events:none;position:absolute;top:10px;transition:all .225s ease-in-out}@media only screen and (min-width:2560px){.contact-section-wrapper form .container .styled-input label{font-size:2rem}}.contact-section-wrapper form .container .styled-input .wide{max-width:100%}.contact-section-wrapper form .container input,.contact-section-wrapper form .container textarea{background-color:#2b2b2b;border:0;border-radius:.7rem;color:#fafafa;font-size:1rem;max-width:100%;padding:30px;width:100%}@media only screen and (min-width:2560px){.contact-section-wrapper form .container input,.contact-section-wrapper form .container textarea{font-size:2rem}}.contact-section-wrapper form .container input:focus,.contact-section-wrapper form .container textarea:focus{outline:0}.contact-section-wrapper form .container input:focus~span,.contact-section-wrapper form .container textarea:focus~span{transition:all .225s ease-in-out;width:100%}.contact-section-wrapper form .container input{width:100%}.contact-section-wrapper form .container textarea{max-width:100%;min-height:15em;width:100%}.contact-section-wrapper form .container .form-btn{padding:1rem 1.2rem;width:100%}.error{display:flex;justify-content:center;padding-top:4rem}.error img{height:auto;max-width:50%}.footer-section-wrapper{background-color:#121212;color:#fafafa;text-align:center}.footer-section-wrapper .article h1{color:#fafafa;font-size:1.3rem;padding-bottom:1rem}@media only screen and (min-width:2560px){.footer-section-wrapper .article h1{font-size:2.3rem}}.footer-section-wrapper .article p{font-size:.7rem;line-height:1.6}@media only screen and (min-width:2560px){.footer-section-wrapper .article p{font-size:1.7rem}}.footer-section-wrapper .social-media-list{display:grid;grid-auto-flow:column;margin:0 auto;max-width:26rem;padding:1rem 0 0;place-items:center;text-align:center;width:100%}.footer-section-wrapper .social-media-list li{background-color:#2b2b2b;border-radius:50%;color:#fafafa;cursor:pointer;display:grid;height:60px;line-height:60px;margin:10px 3px;place-items:center;position:relative;transition:all .225s ease-in-out;width:60px}.footer-section-wrapper .social-media-list li:hover{background-color:#fafafa}.footer-section-wrapper .social-media-list li:after{border-radius:50%;box-shadow:0 0 0 1px #fafafa;content:"";height:60px;left:0;line-height:60px;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .225s ease-in-out;width:60px}.footer-section-wrapper .social-media-list li:hover:after{opacity:1;-webkit-transform:scale(1.12);transform:scale(1.12);transition-timing-function:cubic-bezier(.37,.74,.15,1.65)}.footer-section-wrapper .social-media-list li a{color:#fafafa;z-index:10}.footer-section-wrapper .social-media-list li:hover a{color:#121212}.overlay-wrapper{position:relative}.overlay-wrapper .overlay{background-color:rgba(149,130,4,.82);bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all .3s ease-in-out;width:100%}.overlay-wrapper .title-overlay{height:auto;opacity:0;top:auto}.overlay-wrapper .title-overlay .text{margin:0 auto}.overlay-wrapper:hover .title-overlay{opacity:1;padding:1.5rem 0}@media screen and (min-width:768px){section{padding:6rem!important}header .menu-btn{visibility:hidden}header .nav{visibility:visible}header .nav .menu-nav{background:transparent;display:flex;flex-direction:row;height:100%;justify-content:flex-end;padding:0 2rem;-webkit-transform:translateY(0);transform:translateY(0)}header .nav .menu-nav__item{display:inline;padding-right:1.5rem;-webkit-transform:translateX(0);transform:translateX(0)}header .nav .menu-nav__link{color:#333;font-size:1rem;padding:1rem}}@media only screen and (min-width:768px) and (min-width:2560px){header .nav .menu-nav__link{font-size:2rem}}@media screen and (min-width:768px){.contact-section-wrapper form>.container .col-md-6{grid-column:span 6}.contact-section-wrapper form>.container .styled-input{width:100%}.contact-section-wrapper form>.container .form-btn{max-width:20rem}.contact-section-wrapper form>.container .btn-wrapper{display:flex;justify-content:center}}@media screen and (min-width:1024px){header{padding:1rem 6rem!important}.projects-section-wrapper .single-project-wrapper>div:first-of-type{max-width:30.75rem}.overlay-wrapper:hover .title-overlay{padding:2rem 0}}@media screen and (min-width:2560px){.projects-section-wrapper .single-project-wrapper>div:first-of-type{max-width:60rem}.overlay-wrapper:hover .title-overlay{padding:6rem 0}}:root{scroll-behavior:smooth}body{color:#333;font-family:Source Sans Pro,sans-serif;font-size:16px;overflow-x:hidden}section{padding:3rem 2rem}a{color:#333;text-decoration:none}h1,h2,h3,h4,h5,h6{color:#121212;font-family:Righteous,cursive;line-height:1;text-transform:uppercase}h3,h4,h5,h6{text-transform:capitalize}p{line-height:1.6}.btn{background-color:#c7ad05;border:none;border-radius:.7rem;box-shadow:0 10px 0 #635703;color:#333;cursor:pointer;font-size:.9rem;font-weight:700;padding:1.05rem 2.8rem;position:relative;text-transform:uppercase;transition:all .3s ease-in-out}@media only screen and (min-width:2560px){.btn{font-size:1.9rem}}.btn:hover{background-color:#f9d806;box-shadow:0 10px 0 #958204}.btn:active{box-shadow:0 5px 0 #958204;-webkit-transform:translateY(5px);transform:translateY(5px)}.tag{background-color:#333;border-radius:.7rem;color:#e0e0e0;font-size:.9rem;margin:auto .9rem .9rem 0;padding:.8rem 1rem}@media only screen and (min-width:2560px){.tag{font-size:1.9rem}}.reusable-header{padding:3rem 1rem;text-align:center}.reusable-header h2{font-size:2.2rem;padding-bottom:1.5rem}@media only screen and (min-width:2560px){.reusable-header h2{font-size:3.2rem}}.reusable-header span{font-size:1rem}@media only screen and (min-width:2560px){.reusable-header span{font-size:2rem}}.reusable-header p{color:#525252;font-size:1rem;max-width:70rem;padding-top:1.5rem}@media only screen and (min-width:2560px){.reusable-header p{font-size:2rem}}
/*# sourceMappingURL=main.0e620d6b.css.map*/