@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Moderustic:wght@300;400;500;600;700;800&display=swap";body{margin:0 auto;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;pointer-events:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dark-mode{background-color:#000;color:#f5ebc1;z-index:20;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.hero-container{display:flex;justify-content:end;align-items:center;padding:1rem}.react-toggle{display:none!important}.image-container,.profile-image-container{display:flex;justify-content:center}.github-btn{background-color:#f5ebc1;color:#000;border:none;border-bottom:4px solid #908A6E;padding:.5rem 1rem;border-radius:.7rem;display:flex;column-gap:.5rem;align-items:center;cursor:pointer;text-decoration:none}.redirect-btn{background-color:#f5ebc1;color:#000;border:none;border-bottom:4px solid #908A6E;padding:.7rem 1rem;border-radius:.7rem;display:flex;column-gap:.5rem;align-items:center;cursor:pointer;text-decoration:none}button.contact-button:hover,.cv-button:hover{background-color:#805138}a.redirect-btn:hover,a.github-btn:hover{background-color:#e2d086}.cv-button,.contact-button{background-color:#ad633a;color:#fff;border:none;border-bottom:4px solid #86553A;padding:.2rem 1rem;border-radius:.2rem;margin:1.5rem 1.5rem 1.5rem 1rem;font-size:large;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;text-decoration:none}.darkmode-button{display:none}a.btn-link:link,a.btn-link:visited,a.btn-link:hover,a.btn-link:active{color:#fff;text-decoration:none}a.email-link:link,a.email-link:visited,a.email-link:hover,a.email-link:active{color:#000}.skills-title{text-align:center;color:#3e2514;margin:0;padding:1rem 0;font-family:Moderustic,sans-serif;font-optical-sizing:auto;font-style:normal}.info-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:65rem}.site-title{color:#c78059;margin:1.5rem;font-family:Moderustic,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.text-container p{margin:0 1.5rem}.profile-image{border-radius:10rem;border:solid #A1B999 .5rem;margin-left:.5rem}.triangle-bottom{position:relative;width:100%;height:150px;bottom:-2.5rem;overflow:hidden;transform:rotate(.5turn);z-index:-1}.triangle-bottom:after{content:"";position:absolute;width:100%;height:21rem;background-color:#c78059;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='196'%20height='91'%20viewBox='0%200%20196%2091'%20preserveAspectRatio='none'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M107.532%203.53396C101.995%20-0.381841%2094.5916%20-0.381839%2089.0548%203.53396L7.49755%2061.2142C-5.24207%2070.2241%201.13256%2090.2773%2016.7363%2090.2773H179.851C195.454%2090.2773%20201.829%2070.2241%20189.089%2061.2142L107.532%203.53396Z'%20fill='white'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='196'%20height='91'%20viewBox='0%200%20196%2091'%20preserveAspectRatio='none'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M107.532%203.53396C101.995%20-0.381841%2094.5916%20-0.381839%2089.0548%203.53396L7.49755%2061.2142C-5.24207%2070.2241%201.13256%2090.2773%2016.7363%2090.2773H179.851C195.454%2090.2773%20201.829%2070.2241%20189.089%2061.2142L107.532%203.53396Z'%20fill='white'/%3e%3c/svg%3e");-webkit-mask-size:7rem;mask-size:7.5rem;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;top:0;left:0}.triangle-top{position:relative;width:100%;height:150px;top:-2.5rem;overflow:hidden;z-index:-1}.triangle-top:before{content:"";position:absolute;width:100%;height:21rem;background-color:#a1b999;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='196'%20height='91'%20viewBox='0%200%20196%2091'%20preserveAspectRatio='none'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M107.532%203.53396C101.995%20-0.381841%2094.5916%20-0.381839%2089.0548%203.53396L7.49755%2061.2142C-5.24207%2070.2241%201.13256%2090.2773%2016.7363%2090.2773H179.851C195.454%2090.2773%20201.829%2070.2241%20189.089%2061.2142L107.532%203.53396Z'%20fill='white'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='196'%20height='91'%20viewBox='0%200%20196%2091'%20preserveAspectRatio='none'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M107.532%203.53396C101.995%20-0.381841%2094.5916%20-0.381839%2089.0548%203.53396L7.49755%2061.2142C-5.24207%2070.2241%201.13256%2090.2773%2016.7363%2090.2773H179.851C195.454%2090.2773%20201.829%2070.2241%20189.089%2061.2142L107.532%203.53396Z'%20fill='white'/%3e%3c/svg%3e");-webkit-mask-size:7rem;mask-size:7.5rem;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;top:0;left:0}.projects-container{background-color:#a1b999;padding:0 0 7rem;display:flex;flex-direction:column;justify-content:center}.project-1,.project-2,.project-3,.project-4,.project-5{display:flex;flex-direction:column;justify-content:center}.project-info-container{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;row-gap:5rem}.project-image{align-self:center;display:block;box-shadow:-30px -20px #f5ebc1,30px 10px #c78059}.project-text{color:#000;margin:0 1.5rem}.project-title{font-family:Moderustic,sans-serif;font-optical-sizing:auto;font-style:normal}.projects-title{text-align:center;color:#36462f;position:relative;top:-5rem;font-family:Moderustic,sans-serif;font-optical-sizing:auto;font-style:normal}.btn-container{display:flex;column-gap:1rem}.tech-box{background-color:#fff;width:fit-content;padding:.2rem .9rem;font-weight:700;border-radius:.2rem;margin-top:0}.tech-box-container{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:1rem;font-family:Moderustic,sans-serif;font-optical-sizing:auto;font-style:normal}.github-icon{width:1.4rem}.redirect-icon{width:1.1rem}.skills-container{background-color:#c78059}.skill-icon{width:3rem;filter:brightness(0) invert(1)}.skill-icon-sql{width:2.5rem;filter:brightness(0) invert(1)}.skill-icon-css,.skill-icon-html{width:2.4rem;filter:brightness(0) invert(1)}.skill-icon-js{width:2.8rem;filter:brightness(0) invert(1)}.skill-icon-php{width:3.5rem;filter:brightness(0) invert(1)}.skill-icon-gulp{width:2.5rem;filter:brightness(0) invert(1)}.skill-icon-sass{width:4rem;filter:brightness(0) invert(1)}.skill-icon-react,.skill-icon-vue,.skill-icon-laravel{width:3rem;filter:brightness(0) invert(1)}.skill div{display:flex;flex-direction:row;align-items:center;column-gap:.7rem}.flex-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;row-gap:2rem;align-items:end}.flex-item{flex:1 1 calc(50% - 20px)}.skill{display:flex;flex-direction:column;align-items:center;color:#3e2514;font-weight:700}footer{text-align:center;margin-top:9rem;margin-bottom:3rem}.footer-title{font-family:Moderustic,sans-serif;font-optical-sizing:auto;font-style:normal}.mail-container{display:flex;align-items:center;justify-content:center;column-gap:1rem}.mail-icon{width:1.5rem}.socialmedia-container{display:flex;align-items:center;justify-content:center;column-gap:3rem;margin:1.5rem 0}svg{fill:#000;width:3rem;transition:fill 1s ease-out}svg:hover{fill:#c78059;cursor:pointer;transition:fill 1s ease-in-out}@media screen and (min-width: 496px) and (max-width: 768px){.project-1,.project-2,.project-3,.project-4,.project-5{flex-direction:column;padding:0 3rem}.flex-item{flex:1 1 calc(25% - 20px)}}@media screen and (min-width: 769px) and (max-width: 1023px){.projects-title,.skills-container h2{font-size:50px;position:relative;z-index:-1}.project-text{color:#36462f}.flex-container{margin:0 10rem}}@media screen and (min-width:1024px) and (max-width: 1400px){.react-toggle{display:block!important}.react-toggle-thumb{background-color:#fff}.react-toggle-track{background-color:#a1b999!important}.react-toggle--checked .react-toggle-track{background-color:#b9b9b9!important}.cv-button{padding:.5rem 1.5rem}.contact-button{padding:.5rem 1.5rem;margin:2rem 0 0}.darkmode-button{display:block;z-index:1;position:fixed;top:1rem;cursor:pointer;background-color:#f5ebc1;border:none;border-bottom:3px solid #908A6E;padding:.5rem;border-radius:.2rem}.info-container{display:flex;flex-direction:row;margin:0 auto;max-width:90rem;height:56rem}.text-container{margin:10rem}.text-container p{margin:0 25rem 0 0}.text-container h1{font-size:50px;color:#c78059;margin:0 0 2rem}.profile-image-container{display:block}.profile-image{border-radius:10rem;border:solid #A1B999 .5rem;float:right}.projects-container{background-color:#a1b999;padding:0 0 7rem}.projects-container h2,.skills-container h2{text-align:center;color:#3e2514;font-size:60px;margin:0}.skills-container h2{margin-bottom:3rem}.skills-container{background-color:#c78059;padding-top:3rem;position:relative;z-index:-1}.project-1,.project-2,.project-3,.project-4,.project-5{display:flex;flex-direction:row;width:50rem;column-gap:1rem}.project-info-container{display:flex;flex-direction:column;margin:0 auto;max-width:40rem;flex-wrap:wrap;row-gap:3rem}.project-text{color:#36462f;margin:0 10rem 0 2rem}.flex-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 10rem}.skill-icon{width:3rem}.skill-icon-php{width:5rem}.skill-icon-react,.skill-icon-vue,.skill-icon-laravel{width:3.5rem}.flex-item{flex:1 1 calc(25% - 20px)}}@media screen and (min-width: 1401px){.react-toggle{display:block!important}.react-toggle-thumb{background-color:#fff}.react-toggle-track{background-color:#a1b999!important}.react-toggle--checked .react-toggle-track{background-color:#b9b9b9!important}.cv-button{padding:.5rem 1.5rem}.contact-button{padding:.5rem 1.5rem;margin:2rem 0 0}.darkmode-button{display:block;z-index:1;position:fixed;top:1rem;cursor:pointer;background-color:#f5ebc1;border:none;border-bottom:3px solid #908A6E;padding:.5rem;border-radius:.2rem}.info-container{display:flex;flex-direction:row;margin:0 auto;max-width:90rem;height:56rem}.text-container{margin:10rem}.text-container p{margin:0 40rem 0 0}.text-container h1{font-size:50px;color:#c78059;margin:0 0 2rem}.profile-image-container{display:block}.profile-image{border-radius:10rem;border:solid #A1B999 .5rem;float:right}.project-1,.project-2,.project-3,.project-4,.project-5{flex-direction:row}.projects-container{background-color:#a1b999;padding:0rem 0 7rem}.projects-container h2{text-align:center;color:#36462f;font-size:60px;margin:0}.skills-container h2{text-align:center;color:#3e2514;font-size:60px;margin:0}.skills-container h2{margin-bottom:3rem}.skills-container{background-color:#c78059;padding-top:3rem;position:relative;z-index:-1}.project-1,.project-2,.project-3,.project-4,.project-5{display:flex;flex-direction:row;width:50rem;column-gap:4rem}.project-info-container{display:flex;flex-direction:column;flex-wrap:wrap;row-gap:3rem;margin:0 auto;max-width:45rem}.project-text{color:#36462f}.flex-container{margin:0 15rem}.skill-icon{width:3rem}.skill-icon-php{width:5rem}.skill-icon-react,.skill-icon-vue,.skill-icon-laravel{width:3rem}.flex-item{flex:1 1 calc(25% - 20px)}}