@import url(https://fonts.googleapis.com/css2?family=Gruppo&family=Nunito:wght@300;400;600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}:root{--clr-primary-1:#513c06;--clr-primary-2:#7a5c10;--clr-primary-3:#a27c1a;--clr-primary-4:#c8992d;--clr-primary-5:#e9b949;--clr-primary-6:#f7d06e;--clr-primary-7:#f9da8b;--clr-primary-8:#f8e3a5;--clr-primary-9:#fceec5;--clr-primary-10:#fffaeb;--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#bcccdc;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--clr-white:#fff;--ff-primary:"Nunito",sans-serif;--ff-secondary:"Gruppo",sans-serif;--transition:all 0.2s linear;--spacing:0.25rem;--radius:0.5rem;--light-shadow:0 5px 15px rgba(0,0,0,.1);--dark-shadow:0 5px 15px rgba(0,0,0,.2);--max-width:1170px}.dark-theme{--clr-primary-1:#fff;--clr-primary-2:#9da9ac;--clr-primary-3:#6b7e83;--clr-primary-4:#3a5359;--clr-primary-5:#efd871;--clr-primary-6:#d7c264;--clr-primary-7:#a7974e;--clr-primary-8:#786c38;--clr-primary-9:#484021;--clr-primary-10:#051418;--clr-grey-1:#fff;--clr-grey-2:#f9efc5;--clr-grey-3:#f5e7a9;--clr-grey-4:#f2df8c;--clr-grey-5:#f9efc5;--clr-grey-6:#08242b;--clr-grey-7:#072026;--clr-grey-8:#061c22;--clr-grey-9:#05181d;--clr-grey-10:#051418;--clr-white:#072026}.light-theme{--clr-primary-1:#513c06;--clr-primary-2:#7a5c10;--clr-primary-3:#a27c1a;--clr-primary-4:#c8992d;--clr-primary-5:#e9b949;--clr-primary-6:#f7d06e;--clr-primary-7:#f9da8b;--clr-primary-8:#f8e3a5;--clr-primary-9:#fceec5;--clr-primary-10:#fffaeb;--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#bcccdc;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--clr-white:#fff}body{background:#fff;background:var(--clr-white);color:#102a42;color:var(--clr-grey-1);font-family:Nunito,sans-serif;font-family:var(--ff-primary);font-size:.875rem;line-height:1.5}ul{list-style-type:none}a{text-decoration:none}img:not(.nav-logo){display:block;width:100%}h1,h2,h3,h4{letter-spacing:.25rem;letter-spacing:var(--spacing);line-height:1.15;margin-bottom:.5rem;text-transform:capitalize}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1rem}h4{font-size:.75rem}p{color:#617d98;color:var(--clr-grey-5);margin-bottom:1rem}@media screen and (min-width:320px){h1,h2,h3,h4{letter-spacing:.25rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{color:#617d98;color:var(--clr-grey-5);margin-bottom:1.25rem}}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.btn{background:#e9b949;background:var(--clr-primary-5);border:2px solid transparent;border-radius:.5rem;border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.25rem;letter-spacing:var(--spacing);padding:.375rem .75rem;text-transform:uppercase;transition:all .2s linear;transition:var(--transition)}.btn,.btn:hover{color:#102a42;color:var(--clr-grey-1)}.btn:hover{background:#f9da8b;background:var(--clr-primary-7);-webkit-transform:scale(1.05);transform:scale(1.05)}.section{padding:5rem 0;scroll-margin-top:5rem}.section-center{margin:0 auto;max-width:1170px;width:90vw}@media screen and (min-width:992px){.section-center{width:95vw}}.underline{background:#e9b949;background:var(--clr-primary-5);height:.25rem;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;width:5rem}.section-title{margin-bottom:4rem;text-align:center}.bg-grey{background:#f1f5f8;background:var(--clr-grey-10)}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInTop{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInTop{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInBottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5rem;opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5rem;opacity:0}40%{opacity:.6}to{opacity:1}}@-webkit-keyframes scale-up-tr{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:100% 0;transform-origin:100% 0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}}@keyframes scale-up-tr{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:100% 0;transform-origin:100% 0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}}@-webkit-keyframes slide-in-bottom{0%{opacity:0;-webkit-transform:translateY(1000px);transform:translateY(1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-bottom{0%{opacity:0;-webkit-transform:translateY(1000px);transform:translateY(1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.nav-links{display:none}.nav{height:5rem;justify-content:center}.nav,.nav-header{align-items:center;display:flex}.nav-header{flex-direction:column;justify-content:space-between;max-width:100vw}.nav-logo{height:2.5rem;width:12.5rem}.nav-btn,.nav-btn-wrapper{align-items:center;display:flex;justify-content:center}.nav-btn{background:transparent;border-color:transparent;color:var(--clr-primary-5);cursor:pointer;font-size:2rem;justify-self:end;transition:var(--transition)}@media screen and (min-width:320px){.nav-header{flex-direction:row}}@media screen and (min-width:900px){.nav{padding:0}.nav-btn-wrapper{display:none}.nav-center{gap:2.5rem;justify-content:space-between;width:95vw}.nav-center,.nav-links{align-items:center;display:flex}.nav-links{flex:1 1;justify-content:center}.nav-links li{margin-right:.75rem}.nav-links a{color:var(--clr-grey-1);font-family:var(--ff-secondary);font-size:1rem;font-weight:700;letter-spacing:var(--spacing);text-transform:capitalize;transition:var(--transition)}.nav-links a:hover,.nav-links span{color:var(--clr-primary-5)}}@media screen and (min-width:1024px){.nav-links li{margin-right:1rem}.nav-links a{font-size:1.15rem}}@media screen and (min-width:1050px){.nav-links li{margin-right:1.5rem}.nav-links a{font-size:1.25rem}}.navbar-fixed{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:fade-in-down;animation-name:fade-in-down;background:var(--clr-white);box-shadow:var(--light-shadow);left:0;position:fixed;top:0;width:100%;z-index:2}input[type=checkbox]{display:none}.toggler{border:2px solid var(--clr-primary-5);border-radius:30px;cursor:pointer;display:block;height:31px;position:relative;width:60px}.ball,.moon,.sun{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ball{background-color:var(--clr-primary-1);border-radius:50%;display:inline-block;height:25px;left:1px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:25px;z-index:3}.sun{right:5px}.moon{left:5px}input[type=checkbox]:checked+.ball{-webkit-transform:translate(29px,-50%);transform:translate(29px,-50%)}.social-icons{align-items:center;display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;justify-items:center;margin-top:3rem;width:18rem}.social-icon svg{fill:var(--clr-grey-1);font-size:1rem;transition:var(--transition)}.social-icon svg:hover{fill:var(--clr-primary-5);opacity:.8;-webkit-transform:scale(1.2);transform:scale(1.2)}@media screen and (min-width:320px){.social-icon svg{font-size:1.5rem}}.sidebar{align-items:center;-webkit-animation:scale-up-tr .5s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-tr .5s cubic-bezier(.39,.575,.565,1) both;background:var(--clr-grey-10);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:100%;z-index:4}.show-sidebar{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar-links{text-align:center}.sidebar-links li:first-child{-webkit-animation:slide-in-bottom .4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .4s cubic-bezier(.25,.46,.45,.94) both}.sidebar-links li:nth-child(2){-webkit-animation:slide-in-bottom .6s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .6s cubic-bezier(.25,.46,.45,.94) both}.sidebar-links li:nth-child(3){-webkit-animation:slide-in-bottom .8s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .8s cubic-bezier(.25,.46,.45,.94) both}.sidebar-links li:nth-child(4){-webkit-animation:slide-in-bottom 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom 1s cubic-bezier(.25,.46,.45,.94) both}.sidebar-links li:nth-child(5){-webkit-animation:slide-in-bottom 1.2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom 1.2s cubic-bezier(.25,.46,.45,.94) both}.sidebar-links a{color:var(--clr-grey-5);display:inline-block;font-size:1.5rem;letter-spacing:var(--spacing);margin-bottom:1.5rem;text-transform:capitalize;transition:var(--transition)}.sidebar-links a:hover{color:var(--clr-primary-7);-webkit-transform:scale(1.2);transform:scale(1.2)}.close-btn{background:transparent;border:transparent;color:#bb2525;color:var(--clr-grey-1);cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;transition:var(--transition)}.close-btn:hover{color:#e66b6b}@media screen and (min-width:320px){.close-btn{font-size:3rem;right:1rem;top:1rem}.sidebar-links a{font-size:2rem}}.hero{background:var(--clr-primary-10)}.section-center .hero-center{display:flex;flex-direction:column;max-height:calc(100vh - 5rem)}.hero-info{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.hero-info .underline{display:none}.hero-btn-wrapper{display:flex}.hero-btn{flex:1 1;letter-spacing:.05rem;margin-right:.75rem;margin-top:1.25rem;padding:.1rem .2rem;text-align:center}.hero-btn,.hero-img{align-items:center;display:flex;justify-content:center}.hero-img{margin-top:3rem}.hero-info p{color:var(--clr-grey-5);font-size:.875rem;font-weight:700;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}@media screen and (min-width:320px){.hero-btn{margin-right:1rem;padding:.375rem .75rem}}@media screen and (min-width:900px){.hero-info{align-items:start;text-align:left}.hero .social-icons{justify-items:start}.hero-img{display:block;margin-top:-3rem;max-height:35rem;max-width:25rem;position:relative}.hero-center{display:grid;grid-template-columns:1fr 1fr}.about-img:before,.hero-img:before{border:.25rem solid var(--clr-primary-5);border-radius:var(--radius);content:"";height:100%;position:absolute;right:-1.5rem;top:1.5rem;width:100%}}.hero-photo{border-radius:var(--radius);height:100%;max-height:35rem;max-width:25rem;object-fit:cover;position:relative;width:100%}.about-title{margin-bottom:3rem;text-align:left}.about-title .underline{margin-left:0}.about{padding:5rem 0}.about-center{display:flex;flex-direction:column}.section-about-info{margin-bottom:3rem}@media screen and (min-width:992px){.about-center{grid-gap:3rem;display:grid;grid-template-columns:1fr 1fr}.about-title{margin-bottom:4rem;text-align:center}.about-title .underline{margin-left:auto}.about-center-info p{font-size:1.125rem}}.skills-title{margin-bottom:3rem;text-align:left}.skills-title .underline{margin-left:0}.skills-center{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr)}.skills-icon{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5rem}.skills-icon svg{fill:var(--clr-primary-1);height:2rem;margin-bottom:.5rem;width:2rem}.skills-icon p{color:var(--clr-primary-1);font-weight:600;margin:0;text-align:center}@media screen and (min-width:375px){.skills-center{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:992px){.skills-title{margin-bottom:4rem;text-align:center}.skills-title .underline{margin-left:auto}.skills-center{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1200px){.skills-center{grid-gap:2.5rem;grid-template-columns:repeat(5,1fr)}}.project{border-radius:var(--radius);box-shadow:0 0 10px 1px rgba(0,0,0,.4);display:grid;margin-bottom:3rem}.project-image img{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);cursor:pointer;display:block;height:100%;object-fit:fill;object-position:top;opacity:.8;transition:-webkit-filter 1s;transition:filter 1s;transition:filter 1s,-webkit-filter 1s;width:100%}.project.active .project-image img,.project:focus-within .project-image img,.project:hover .project-image img{-webkit-filter:brightness(100%) grayscale(0);filter:brightness(100%) grayscale(0)}.project-content{display:flex;flex-direction:column;justify-content:center;padding:1rem}.project-content p{color:var(--clr-grey-1);font-size:1.25rem;line-height:135%;margin:.5rem 0}.project-title{font-size:1.5rem;margin-bottom:1rem;margin-top:0;text-transform:uppercase}.project-title a{color:inherit}.project-tags{display:flex;flex-wrap:wrap;list-style-type:square;margin:0;padding:1rem}.project-tags .tag{font-size:.7rem;letter-spacing:.15em;margin-right:2rem;text-transform:uppercase}.project-links{display:flex;gap:0;justify-content:flex-start}.project-btn{flex:1 1;letter-spacing:.05rem;margin-right:.75rem;margin-top:1.25rem;padding:.1rem .2rem}.project-links a{text-align:center;text-transform:capitalize}@media screen and (min-width:320px){.project-btn{margin-right:1rem;padding:.375rem .75rem}}@media screen and (min-width:768px){.project{border-bottom:1.5px dashed var(--clr-grey-1);box-shadow:none;grid-template-columns:1fr 1fr;margin:0;padding:5rem 0}.project-image img{border-radius:var(--radius)}.project-content{margin-left:1.5rem;padding:0}.project-links{flex-direction:column}.project-content{justify-content:space-between}.project-tags{flex-direction:column}.even-project{grid-auto-flow:column}.even-project .project-image{grid-column-end:-1}.even-project .project-content{margin-left:0;margin-right:1.5rem}}.portfolio{padding-bottom:2rem}.portfolio-title{margin-bottom:3rem;text-align:left}.portfolio-title .underline{margin-left:0}.more-btn{margin-bottom:3rem;text-align:center}@media screen and (min-width:768px){.portfolio{padding-bottom:5rem}.portfolio-title{margin-bottom:-1rem}.more-btn{margin-bottom:0;margin-top:3rem;text-align:center}}@media screen and (min-width:992px){.portfolio-title{text-align:center}.portfolio-title .underline{margin-left:auto}}.contact-title{margin-bottom:3rem;text-align:left}.contact-title .underline{margin-left:0}.contact-center{display:flex;flex-direction:column;gap:2rem}.contact-info-list{display:flex;flex-direction:column;font-size:1rem}.contact-info-item{display:flex;flex-direction:column;margin-bottom:2rem}.contact-info-item svg{fill:var(--clr-primary-1);margin-bottom:.5rem}.contact-info-item a,.contact-info-item a:visited{color:var(--clr-grey-1);overflow-wrap:break-word}.contact-info-item a:hover{color:var(--clr-primary-5)}.contact-info-item .contact-email{max-width:100%;overflow-wrap:break-word}.contact-form,.contact-info{flex:1 1}.contact-center h3{margin-bottom:2rem}.input-container{margin:1rem 0;position:relative}.input-container .form-input{background:transparent;border:1px solid var(--clr-grey-1);caret-color:var(--clr-grey-1);color:var(--clr-grey-1);padding:1.5rem 1rem .5rem;transition:border .5s;width:100%}.input-container textarea{font:inherit;height:300px;resize:none}.input-container label{color:var(--clr-grey-1);display:block;font-size:1rem;margin-bottom:1rem;padding:.25rem 1rem;position:absolute;top:15px;-webkit-transform-origin:left;transform-origin:left;transition:all .5s;-webkit-user-select:none;user-select:none;width:100%}@media screen and (min-width:480px){.contact-info-item{align-items:center;flex-direction:row}.contact-info-item svg{margin-bottom:0;margin-right:.75rem}.contact-info-item span{margin-bottom:-.25rem}}@media screen and (min-width:768px){.contact-center{flex-direction:row}}.focused .form-input,.form-input:focus,.form-input:hover{border-color:var(--clr-primary-5);outline:none}.focused label,.form-input:focus+label{background-color:var(--clr-primary-5);color:var(--clr-grey-10);font-size:.75rem;font-weight:700;top:0;-webkit-user-select:auto;user-select:auto}@media screen and (min-width:992px){.contact{margin-top:0}.contact-title{margin-bottom:4rem;text-align:center}.contact-title .underline{margin-left:auto}}.footer{background:#1d251c;display:grid;padding:2rem 0;place-items:center}.footer .social-icons{align-items:center;display:flex;justify-content:space-between;margin:2rem auto;max-width:90vw}.footer .social-icon svg{fill:var(--clr-primary-5)}.footer .social-icon svg:hover{fill:var(--clr-primary-7)}.footer p{color:#fff;font-size:1rem;text-align:center;text-transform:capitalize}@media screen and (min-width:320px){.footer p{font-size:1.25rem}}
/*# sourceMappingURL=main.4324bc0c.css.map*/