.app{margin:0 auto;min-height:100vh;font-family:var(--font-sans)}a{color:var(--white);text-decoration:none;cursor:pointer}a:hover{color:var(--accent)}body{color:var(--white)}.nav--buttons{display:flex;gap:1em}section{padding-bottom:2em}.section--number{font-family:var(--font-mono);margin-right:10px}.section--heading{display:flex;align-items:center;width:100%;white-space:nowrap;margin:2em 0 1em;color:var(--accent)}.section--heading:before{content:"";display:block;height:1px;background-color:var(--white);width:50px;margin-right:10px}.section--heading:after{content:"";display:block;height:1px;background-color:var(--white);width:100%;margin-left:10px}button,input[type=submit]{width:40px;border-radius:var(--border-radius);border:1px solid var(--accent);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--accent);background-color:transparent;cursor:pointer}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.X-2{opacity:0;transform:translate(-2em)}.X2{opacity:0;transform:translate(2em)}.X-3{opacity:0;transform:translate(-3em)}.X3{opacity:0;transform:translate(3em)}.Y-3{opacity:0;transform:translateY(-3em)}.Y3{opacity:0;transform:translateY(3em)}.fadeInUp{opacity:0;transform:translateY(3rem);animation:fadeInUp 2s ease var(--fadeInUpDelay) forwards}.fadeInLeft{transform:translate(-3rem);animation-delay:calc(var(--fadeInUpDelay) + 1s)}.fadeInRight{transform:translate(3rem);animation-delay:calc(var(--fadeInUpDelay) + 1s)}.slideIn{transform:translateY(0)!important;opacity:1!important}@media (prefers-reduced-motion: no-preference){.timeBombButton{position:relative;overflow:hidden}.timeBombButton:hover{color:var(--white);background-color:var(--accent);box-shadow:16px 14px 20px #0000008c,0 0 10px var(--accent),0 0 30px var(--accent),0 0 60px var(--accent);transition-delay:.8s}.timeBombButton span{position:absolute;display:block}.timeBombButton span:nth-child(1){top:0;left:-100%;width:100%;height:5px;background:linear-gradient(90deg,transparent,var(--accent))}.timeBombButton:hover span:nth-child(1){left:100%;transition:1s}.timeBombButton span:nth-child(3){bottom:0;right:-100%;width:100%;height:5px;background:linear-gradient(270deg,transparent,var(--accent))}.timeBombButton:hover span:nth-child(3){right:100%;transition:1s;transition-delay:.4s}.timeBombButton span:nth-child(2){top:-100%;right:0;width:5px;height:100%;background:linear-gradient(180deg,transparent,var(--accent))}.timeBombButton:hover span:nth-child(2){top:100%;transition:1s;transition-delay:.2s}.timeBombButton span:nth-child(4){bottom:-100%;left:0;width:5px;height:100%;background:linear-gradient(360deg,transparent,var(--accent))}.timeBombButton:hover span:nth-child(4){bottom:100%;transition:1s;transition-delay:.6s}}@keyframes typewriter{to{left:100%}}@keyframes blink{to{visibility:hidden}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 768px){.section--heading:before{margin-right:20px}.section--heading:after{width:40%;margin-left:20px}}header{position:sticky;top:0;left:0;z-index:10;display:flex;align-items:center;padding:0 2em;font-family:var(--font-mono);height:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}nav{display:flex;justify-content:flex-end;align-items:center;width:100%}.logo{width:60px}.nav--links{display:none}header ul{display:flex;gap:1em}.nav--button{display:inline-block;text-align:center;width:20px;padding:.3em .6em;border-radius:var(--border-radius);border:1px solid var(--heading);color:var(--heading);background-color:transparent;cursor:pointer;transition:all .25s}.nav--button:hover,.nav--button:focus{border-color:var(--accent);color:var(--accent)}.nav--button:focus,.nav--button:focus-visible{outline:4px auto -webkit-focus-ring-color}.nav--text{color:var(--white);transition:var(--transition)}.nav--span{margin-right:.3em;color:var(--accent)}@media screen and (min-width: 768px){header{padding:0 60px}.nav--links{display:flex}.nav--buttons{display:none}}.aside--main{display:none}.aside--container{width:40px;position:fixed;bottom:0;z-index:5}.aside--container-right{left:auto;right:40px}.aside--container-left{left:40px;right:auto}.aside--inner{display:flex;flex-direction:column;-webkit-box-align:center;align-items:center;position:relative}.aside--icon-wrapper{display:flex;flex-direction:column;gap:25px;font-size:1.5rem;padding:10px;margin:20px auto}.aside--icon{color:var(--white);transition:var(--transition)}.aside--a{writing-mode:vertical-rl;margin:20px auto;padding:10px;font-family:var(--font-mono);font-size:var(--font-xs);line-height:var(--font-l);letter-spacing:.1em;transition:var(--transition)}.aside--inner:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background-color:var(--white)}div.aside--main>div.delay{animation-delay:calc(var(--fadeInUpDelay) + 1s)}@media screen and (min-width: 768px){.aside--main{display:block}}.tech-card{min-height:100px;min-width:150px;max-width:400px;display:flex;align-items:center;gap:.7em;padding:.5em;margin:0 auto;border-radius:var(--border-radius);box-shadow:16px 14px 20px #0000008c}.tech-card:nth-child(2n){flex-direction:row-reverse}.card--icon{display:flex;justify-content:center;align-items:center;width:50px;height:50px;font-size:2.5rem;border-radius:var(--border-radius);padding:.2em;background:var(--white);color:var(--accent);transition:all .25s}.card--heading{font-size:var(--font-l);color:var(--subheading);text-decoration:underline;margin-top:.2em}.card--text{font-size:var(--font-xs);-webkit-hyphens:auto;hyphens:auto}.card--icon:hover,.card--icon:focus{background:var(--accent);color:var(--white)}@media screen and (min-width: 768px){.tech-card,.tech-card:nth-child(2n){flex-direction:column;max-width:200px;padding:1em}.card--heading{text-align:center;margin-bottom:.3em}.tech-card--fade0{animation-delay:calc(var(--fadeInUpDelay) + 1s)}.tech-card--fade1{animation-delay:calc(var(--fadeInUpDelay) + 1.2s)}.tech-card--fade2{animation-delay:calc(var(--fadeInUpDelay) + 1.4s)}.tech-card--fade3{animation-delay:calc(var(--fadeInUpDelay) + 1.6s)}}.section--intro{background-color:var(--dark-slate)}.intro--cards{width:100%;margin:3em auto;display:grid;grid-template-columns:auto;gap:1.5em}.intro--bio>h1,.intro--bio>h2,.intro--bio>h3{font-family:var(--font-mono)}.intro--bio>h2{color:var(--accent);font-weight:700;margin-bottom:.3em;position:relative;width:max-content}.intro--bio>h3{color:var(--subheading);line-height:1;margin-bottom:.6em}.intro--bio>h1{color:var(--heading)}.intro--p{color:var(--white);font-size:var(--font-m);padding-top:10px}blockquote{max-width:400px;margin:0 auto;padding:.5em;color:var(--subheading);font-size:var(--font-l);font-style:italic;text-align:justify;position:relative}blockquote:before,blockquote:after{position:absolute;color:#f1efe6;font-size:4rem;height:4rem}blockquote:before{content:"“";left:-.5rem;top:-2.25rem}blockquote:after{content:"”";right:0;bottom:-1.75rem}.CTA{margin:1em auto;padding:.3em .8em;border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;font-size:var(--font-l);font-weight:700;color:var(--accent);background-color:var(--white);gap:.5em;width:175px;height:60px;transition:var(--transition);box-shadow:16px 14px 20px #0000008c;cursor:pointer}:root{--typewriterSpeed: 2.5s;--typewriterCharacters: 22;--fadeInUpDelay: calc(var(--typewriterSpeed) + 1s) }@media screen and (min-width: 768px){.intro--cards{width:80%;column-gap:2em;row-gap:3em;grid-template-columns:repeat(2,minmax(150px,1fr))}blockquote{margin:4em auto 0}blockquote:before{content:"“";left:-1.5rem;top:-2rem}blockquote:after{content:"”";right:-1rem;bottom:-1.5rem}}@media screen and (min-width: 1400px){.intro--cards{grid-template-columns:repeat(4,minmax(200px,1fr))}}.section--about{background-color:var(--slate);padding-top:2em}.shapedividers_com-2702{overflow:hidden;position:relative}.shapedividers_com-2702:before{content:"";font-family:"shape divider from ShapeDividers.com";position:absolute;z-index:3;pointer-events:none;background-repeat:no-repeat;bottom:-.1vw;left:-.1vw;right:-.1vw;top:-.1vw;background-size:156% 239px;background-position:50% 0%;background-image:url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23242424"/></svg>')}@media (min-width:2100px){.shapedividers_com-2702:before{background-size:156% calc(2vw + 239px)}}.about--text>p{margin-bottom:.5em;color:var(--white)}.about--text a{text-decoration:underline}.about--skills{display:grid;grid-template-columns:repeat(2,1fr);gap:.5em 2em;font-family:var(--font-mono);font-size:var(--font-s);color:var(--white);margin:1em}.about--span{color:var(--heading);font-weight:700}.about--skills>li{position:relative}.about--skills>li:before{content:"*";position:absolute;color:var(--accent);left:-15px}.about--image-wrapper{position:relative;width:70%;margin:0 auto;z-index:0;max-width:250px}.about--image{position:relative;width:100%;margin:1.5em auto;border-radius:var(--border-radius);filter:grayscale(100%);transition:var(--transition)}.about--image-wrapper:after{content:"";display:block;position:absolute;width:100%;height:100%;border:2px solid var(--accent);border-radius:var(--border-radius);top:10px;left:10px;z-index:-1;transition:var(--transition)}.about--image-wrapper:hover:after{top:20px;left:20px}.about--image:hover{filter:grayscale(0%)}@media screen and (min-width: 768px){.section--about{padding-top:6em;padding-bottom:3em}.about--grid{display:grid;grid-template-columns:minmax(10px,1.5fr) minmax(10px,1fr);gap:0 1em}.about--skills{grid-template-columns:repeat(3,minmax(170px,200px));row-gap:1em}.about--image{margin:0 auto}}.shapedividers_com-5314{overflow:hidden;position:relative}.shapedividers_com-5314:before{content:"";font-family:"shape divider from ShapeDividers.com";position:absolute;z-index:3;pointer-events:none;background-repeat:no-repeat;bottom:-.1vw;left:-.1vw;right:-.1vw;top:-.1vw;background-size:249% 91px;background-position:50% 0%;transform:rotateY(180deg);background-image:url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23565a65"><path d="M381 8.47L0 42.33V0h381z"/><path d="M381 33.87L0 59.27V0h381z" opacity=".33"/><path d="M381 59.27L0 77.25V0h381z" opacity=".33"/></g></svg>')}@media (min-width:2100px){.shapedividers_com-5314:before{background-size:249% calc(2vw + 91px)}}.section--skills{background-color:var(--dark-slate);padding-top:2em}.skills--cards{width:100%;margin:3em auto;display:grid;column-gap:2em;row-gap:3em}.skills--card{overflow:hidden;border:2px solid var(--white);border-radius:var(--border-radius);position:relative;padding:2em 1.5em 2.5em}.skills--icon{font-size:1.75rem;position:absolute;padding-top:8px;margin-left:-5px}.skills--heading{font-size:var(--font-l);margin-left:2em;position:relative}.skills--heading-accent{position:relative}.skills--heading-accent:after{position:absolute;content:"";bottom:-1px;z-index:-1;height:.3em;width:104%;left:-1%;background:var(--heading)}.skills--text-wrapper{position:relative;margin-top:1.5em;padding-left:1em}.skills--text{font-size:var(--font-s);position:relative;padding-left:1em;opacity:.8}.skills--tools{display:grid;grid-template-columns:1fr 1fr;gap:.5em 1em}.skills--tools>li{position:relative}.skills--tools>li:before{content:"*";position:absolute;color:var(--accent);left:-15px}.skills--text-wrapper{font-family:var(--font-mono)}.skills--text-wrapper:after{position:absolute;content:"";opacity:.8;width:0;height:100%;top:0;left:1rem;background:var(--accent);border:.1px solid var(--accent)}.skills--text-wrapper:is(.no-decoration):after{content:none}.skills--text:before,.skills--text:after{position:absolute;left:-1rem;color:var(--accent)}.skills--text:before{top:-25px}.skills--card-wrapper:nth-child(1) .skills--text:before,.skills--card-wrapper:nth-child(1) .skills--text:after{content:"<h1>"}.skills--card-wrapper:nth-child(2) .skills--text:before,.skills--card-wrapper:nth-child(2) .skills--text:after{content:"<h2>"}.skills--card-wrapper:nth-child(3) .skills--text:before,.skills--card-wrapper:nth-child(3) .skills--text:after{content:"<h3>"}.skills--card-wrapper{position:relative;z-index:0}.skills--card-wrapper:after{content:"";position:absolute;width:100%;height:99%;border-radius:var(--border-radius);top:10px;left:10px;z-index:-1;transition:var(--transition)}.skills--card-wrapper:nth-child(odd):after{border:2px solid var(--accent)}.skills--card-wrapper:nth-child(2n):after{border:2px solid var(--heading)}.skills--card-wrapper:nth-child(odd){opacity:0;transform:translate(-3em)}.skills--card-wrapper:nth-child(2n){opacity:0;transform:translate(3em)}@media screen and (min-width: 768px){.section--skills{padding-top:4em}.skills--cards{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:3em}.skills--card{min-height:200px}.skills--heading{font-size:var(--font-xl)}.skills--text{font-size:var(--font-m)}.skills--card-wrapper:nth-child(1):after,.skills--card-wrapper:nth-child(4):after{border:2px solid var(--accent)}.skills--card-wrapper:nth-child(2):after,.skills--card-wrapper:nth-child(3):after{border:2px solid var(--heading)}}.section--projects{background-color:var(--slate);padding-top:2em;padding-bottom:4em;min-height:700px}.shapedividers_com-1197{overflow:hidden;position:relative}.shapedividers_com-1197:before{content:"";font-family:"shape divider from ShapeDividers.com";position:absolute;z-index:3;pointer-events:none;background-repeat:no-repeat;bottom:-.1vw;left:-.1vw;right:-.1vw;top:-.1vw;background-size:239% 95px;background-position:53% 0%;background-image:url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23242424"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23242424"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23242424"/></svg>')}@media (min-width:2100px){.shapedividers_com-1197:before{background-size:239% calc(2vw + 95px)}}.section--projects .container .nav--buttons{justify-content:center;margin-bottom:2em}.section--projects .container .nav--buttons>*{width:50px;border:1px solid var(--accent);color:var(--white);box-shadow:8px 7px 10px #0000008c}.gallery{display:flex;align-content:center;justify-content:center;flex-direction:column;gap:1em}@media screen and (min-width: 768px){.section--projects{padding-top:6em;padding-bottom:6em}.section--projects .container .nav--buttons{display:flex;margin:3em 0 2.5em}.section--projects .container .nav--buttons>*{width:80px;font-size:var(--font-l)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2.5em 1.5em}}.carrousel--container{display:flex;justify-content:center;position:relative;height:45%;padding-top:.5em;z-index:99}.carrousel--image{width:100%;height:100%;object-fit:contain}.carrousel--arrow{position:absolute;top:50%;color:var(--accent);font-size:30px;cursor:pointer;transition:.3s}.carrousel--arrow:hover{transform:scale(1.2)}.previous{left:10px}.next{right:10px}.carrousel--slide{opacity:0}.carrousel--active{width:100%;opacity:1;transition:opacity linear .5s;overflow:hidden}@media screen and (min-width: 768px){.carrousel--arrow{height:40px}.previous{left:1.5rem}.next{right:1.5rem}}.project-card--wrapper:nth-child(odd){opacity:0;transform:translate(-3em)}.project-card--wrapper:nth-child(2n){opacity:0;transform:translate(3em)}.project-card{width:100%;height:175px;display:flex;box-shadow:8px 7px 10px #0000008c;position:relative;cursor:pointer}.project-card--image{object-fit:cover;object-position:top;width:100%;filter:brightness(85%);transition:var(--transition)}.project-card--image:hover{filter:brightness(100%);scale:1.02}.project-card--on-click{position:absolute;background-color:var(--dark-slate);width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;transition:var(--transition)}.project-card--on-click h2{font-family:var(--font-mono);color:var(--white)}.project-card--on-click h3{color:var(--subheading)}.tag--wrapper{display:flex;justify-content:center;align-items:center}.project-card--tags{color:var(--accent)}.modal--open-btn{display:flex;justify-content:center;font-family:var(--font-mono);font-size:var(--font-s);font-weight:700;color:var(--white);border:2px solid var(--subheading);transition:all .25s}.modal--open-btn:hover{border:2px solid var(--subheading);background-color:var(--subheading);color:var(--dark-slate)}.modal{display:flex;flex-direction:column;position:absolute;top:50%;left:0;right:0;padding-bottom:10px;margin:auto;background:var(--dark-slate);border:2px solid var(--white);height:90vh;width:75vw;color:var(--white);border-radius:var(--border-radius);transform:translateY(-50%);font-family:var(--font-sans);box-shadow:2px 2px 10px #111}.overlay{z-index:99;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#242424b3}.modal--inner{padding:0 1em 1em;display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow-y:auto}.modal--info{display:flex;justify-content:space-between;gap:1em}.modal--info>*{flex:1}.modal--heading{font-size:var(--font-l);color:var(--subheading)}.modal--subheading{font-size:var(--font-s);border-bottom:2px solid rgba(0,0,0,.1);padding-bottom:10px}.stack--wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:clamp(1em,2em,3em);gap:.2em;max-width:5em}.stack--wrapper img{font-size:var(--font-m);color:var(--subheading);max-width:2em}.modal--description{font-size:var(--font-xs);padding-top:10px;padding-bottom:10px}.modal--buttons-wrapper{display:flex;gap:.5em}.modal--link{display:flex;justify-content:center;align-items:center;width:60px;padding:.3em;border-radius:var(--border-radius);border:1px solid var(--subheading);background-color:var(--subheading);color:var(--dark-slate);font-size:var(--font-xs);font-family:inherit;cursor:pointer;transition:all .25s;text-align:center}.modal--link:hover{border:1px solid var(--accent);background-color:var(--accent);color:var(--white)}.modal--link i{margin-right:.3em}.modal--close-btn{width:20px;border:1px solid var(--accent);background-color:var(--accent);color:var(--white);margin-left:auto}.modal--close-btn:hover{transform:scale(1.1)}.cardFadeInUp{opacity:0;transform:translateY(-3rem);animation:fadeIn 2s ease forwards}.cardFadeInDown{opacity:0;transform:translateY(3rem);animation:fadeIn 2s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 768px){.modal{max-width:650px}.project-card{height:250px;max-width:600px;margin:0 auto}.modal--inner{padding:2em 3em}.modal--heading{font-size:var(--font-xl)}.modal--subheading{font-size:var(--font-l)}.stack--wrapper{flex-direction:row;align-items:flex-start;gap:.5em}.stack--wrapper .fa-brands{font-size:var(--font-xl)}.modal--description{line-height:1.8}}.section--contact{padding-top:4em;background-color:var(--dark-slate);position:relative}.section--contact svg{left:0;position:absolute;top:0}.contact--subheading{color:var(--white);margin-bottom:1em}.section--contact form{display:flex;flex-direction:column;width:100%}.form--input{font-family:var(--font-mono);padding:.5em 0 .5em .5em;margin-bottom:.5em;outline:1px solid transparent}.form--input:hover{outline:1px solid var(--white)}form input[type=text]{height:30px}.visually-hidden{display:none}textarea{height:200px;resize:none}input::placeholder,textarea::placeholder{color:var(--white);filter:brightness(.7)}form button[type=submit]{width:70px;align-self:flex-end;border:2px solid var(--accent);background-color:var(--dark-slate);padding:.6em 1.2em}@media screen and (min-width: 768px){.section--contact{padding-top:6em}.contact--subheading{text-align:center}.section--contact form{margin:0 auto;max-width:800px;align-items:center}.section--contact form>*{width:100%}.section--contact .section--heading{width:max-content;margin:2em auto 1em;justify-content:center;text-align:center;position:relative}.section--contact .section--heading:before{content:none}.section--contact .section--heading:after{content:"";display:block;height:3px;background-color:var(--white);width:100%;margin-left:0;position:absolute;bottom:-5px}}footer{background-color:var(--slate);display:flex;gap:.5em;padding:1em;flex-direction:column;justify-content:center;align-items:center;text-align:center}footer p{font-family:var(--font-mono);font-size:var(--font-xs)}.footer--icon-wrapper{display:flex;flex-direction:row;gap:25px;font-size:1.5rem}.footer--icon-wrapper svg{height:1em}:root{line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--accent: #ff8c00;--heading: #ade8f4;--subheading: #94d2bd;--dark-slate: #242424;--dark-slate-alpha: #24242480;--light-slate: #a8b2d1;--slate: #565a65;--white: #F7FFF7;--font-sans: "Source Sans Pro", -apple-system, system-ui, sans-serif;--font-mono: "Source Code Pro", monospace;--font-xs: .875rem;--font-s: 1rem;--font-m: 1.125rem;--font-l: 1.25rem;--font-xl: 1.5rem;--font-heading: 2rem;--border: 5px;--border-radius: 5px;--nav-height: 80px;--nav-scroll-height: 70px;--easing: cubic-bezier(.645,.045,.355,1);--transition: all .25s cubic-bezier(.645,.045,.355,1)}*{box-sizing:border-box;margin:0;padding:0}*,:before,:after{box-sizing:inherit}body{font-family:Inter,sans-serif;margin:auto}.container{max-width:1140px;padding:1em 2em;margin:0 auto}img{display:block}html{scroll-behavior:smooth}ul{list-style:none}@media (prefers-reduced-motion){html{scroll-behavior:auto}}@media screen and (min-width: 768px){section{padding:3em 9em}.container{padding:0}}