@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Moderustic:wght@300;400;500;600;700;800&display=swap";:root,:host{--fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free";--fa-font-regular: normal 400 1em/1 "Font Awesome 7 Free";--fa-font-light: normal 300 1em/1 "Font Awesome 7 Pro";--fa-font-thin: normal 100 1em/1 "Font Awesome 7 Pro";--fa-font-duotone: normal 900 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-light: normal 300 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 7 Duotone";--fa-font-brands: normal 400 1em/1 "Font Awesome 7 Brands";--fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-light: normal 300 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-slab-regular: normal 400 1em/1 "Font Awesome 7 Slab";--fa-font-slab-press-regular: normal 400 1em/1 "Font Awesome 7 Slab Press";--fa-font-whiteboard-semibold: normal 600 1em/1 "Font Awesome 7 Whiteboard";--fa-font-thumbprint-light: normal 300 1em/1 "Font Awesome 7 Thumbprint";--fa-font-notdog-solid: normal 900 1em/1 "Font Awesome 7 Notdog";--fa-font-notdog-duo-solid: normal 900 1em/1 "Font Awesome 7 Notdog Duo";--fa-font-etch-solid: normal 900 1em/1 "Font Awesome 7 Etch";--fa-font-jelly-regular: normal 400 1em/1 "Font Awesome 7 Jelly";--fa-font-jelly-fill-regular: normal 400 1em/1 "Font Awesome 7 Jelly Fill";--fa-font-jelly-duo-regular: normal 400 1em/1 "Font Awesome 7 Jelly Duo";--fa-font-chisel-regular: normal 400 1em/1 "Font Awesome 7 Chisel";--fa-font-utility-semibold: normal 600 1em/1 "Font Awesome 7 Utility";--fa-font-utility-duo-semibold: normal 600 1em/1 "Font Awesome 7 Utility Duo";--fa-font-utility-fill-semibold: normal 600 1em/1 "Font Awesome 7 Utility Fill"}.svg-inline--fa{box-sizing:content-box;display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em;width:var(--fa-width, 1.25em)}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0em}.svg-inline--fa.fa-sm{vertical-align:-.0714285714em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left,.svg-inline--fa .fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin, .3em)}.svg-inline--fa.fa-pull-right,.svg-inline--fa .fa-pull-end{float:inline-end;margin-inline-start:var(--fa-pull-margin, .3em)}.svg-inline--fa.fa-li{width:var(--fa-li-width, 2em);inset-inline-start:calc(-1 * var(--fa-li-width, 2em));inset-block-start:.25em}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:var(--fa-width, 1.25em)}.fa-layers .svg-inline--fa{top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color, #ff253a);border-radius:var(--fa-counter-border-radius, 1em);box-sizing:border-box;color:var(--fa-inverse, #fff);line-height:var(--fa-counter-line-height, 1);max-width:var(--fa-counter-max-width, 5em);min-width:var(--fa-counter-min-width, 1.5em);overflow:hidden;padding:var(--fa-counter-padding, .25em .5em);right:var(--fa-right, 0);text-overflow:ellipsis;top:var(--fa-top, 0);transform:scale(var(--fa-counter-scale, .25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom, 0);right:var(--fa-right, 0);top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom, 0);left:var(--fa-left, 0);right:auto;top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top, 0);right:var(--fa-right, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left, 0);right:auto;top:var(--fa-top, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:calc((6 / 10 - .375) * 1em)}.fa-xs{font-size:.75em;line-height:calc(1 / 12 * 1em);vertical-align:.125em}.fa-sm{font-size:.875em;line-height:calc(1 / 14 * 1em);vertical-align:calc((6 / 14 - .375) * 1em)}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:calc((6 / 20 - .375) * 1em)}.fa-xl{font-size:1.5em;line-height:calc(1 / 24 * 1em);vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-width-auto{--fa-width: auto}.fa-fw,.fa-width-fixed{--fa-width: 1.25em}.fa-ul{list-style-type:none;margin-inline-start:var(--fa-li-margin, 2.5em);padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start:calc(-1 * var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width, 2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color, #eee);border-radius:var(--fa-border-radius, .1em);border-style:var(--fa-border-style, solid);border-width:var(--fa-border-width, .0625em);box-sizing:var(--fa-border-box-sizing, content-box);padding:var(--fa-border-padding, .1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin, .3em)}.fa-pull-right,.fa-pull-end{float:inline-end;margin-inline-start:var(--fa-pull-margin, .3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 2s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin-reverse{--fa-animation-direction: reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, steps(8))}@media (prefers-reduced-motion: reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation:none!important;transition:none!important}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale, 1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound, -.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, .4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity, .4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale, 1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle, 0))}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color, currentColor);opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color, currentColor);opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.svg-inline--fa.fa-inverse{fill:var(--fa-inverse, #fff)}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-inverse{color:var(--fa-inverse, #fff)}.svg-inline--fa.fa-stack-1x{--fa-width: 1.25em;height:1em;width:var(--fa-width)}.svg-inline--fa.fa-stack-2x{--fa-width: 2.5em;height:2em;width:var(--fa-width)}.fa-stack-1x,.fa-stack-2x{top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;z-index:var(--fa-stack-z-index, auto)}.modal{display:none}.modalopen{display:block}.backdrop{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:#00000080}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}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:space-between;align-items:center;padding:1rem;height:50px;position:fixed;width:100%;background-color:#fff;z-index:2;box-shadow:0 4px 6px #0000001a}.hero-text{display:flex;column-gap:2rem;margin-left:3rem;margin-right:3rem;flex-direction:row;align-items:center}.header-link:link,.header-link:visited,.header-link:hover,.header-link:active{color:#000}.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,.project-6,.project-7{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-inline--fa{fill:#000;width:3rem;transition:fill 1s ease-out}.github-icon-1: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,.project-6,.project-7{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;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,.project-6,.project-7{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;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,.project-6,.project-7{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,.project-6,.project-7{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)}}