.footer{align-items:center;display:flex;flex-direction:column;gap:var(--s-gap);justify-content:center;opacity:0;padding-bottom:var(--s-padding)}.footer__text{font-size:var(--xs-text);letter-spacing:var(--text-spacing)}.header{background-color:var(--dark);justify-content:center;position:fixed;top:0;width:100%;z-index:2}.header,.nav{align-items:center;display:flex}.nav{justify-content:space-between;opacity:0;padding:var(--s-padding) 0;width:var(--container-width)}.nav-brand,.nav-link{color:var(--light-accent);cursor:pointer;font-size:var(--md-text)}.nav-brand:hover,.nav-link:hover{color:var(--link)}.nav-list{align-items:center;display:flex;gap:var(--s-gap);justify-content:flex-end;width:50%}.mobile-nav{display:none}@media (max-width:768px){.nav{display:none}.mobile-nav{align-items:center;display:flex;justify-content:space-between;padding:var(--s-padding) 0;width:var(--container-width)}.mobile-nav>.nav-mobile-toggle,.nav-brand{opacity:0}.nav-brand,.nav-link,.nav-mobile-toggle{color:var(--light-accent);font-size:var(--lg-text)}.nav-overlay{background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.25s ease-in-out;width:100%;z-index:-1}.nav-overlay.open{opacity:1;pointer-events:fill;touch-action:none;z-index:2}.nav-list{align-items:flex-end;display:flex;flex-direction:column;gap:var(--md-gap);height:100%;justify-content:flex-start;padding:var(--lg-padding) 0;width:var(--container-width)}.nav-overlay .nav-mobile-toggle{margin-top:auto}.nav-overlay .nav-link,.nav-overlay .nav-mobile-toggle{opacity:0;transform:translateX(100px);transition:.25s ease-in-out}.nav-overlay.open .nav-link,.nav-overlay.open .nav-mobile-toggle{opacity:1;transform:translateX(0)}}.intro{flex-direction:column;gap:var(--md-gap);min-height:100vh}.intro,.intro-top{align-items:center;display:flex;justify-content:center;width:100%}.intro-top{gap:var(--lg-gap)}.intro-text{display:flex;flex-direction:column;font-size:var(--lg-text);gap:var(--md-gap);justify-content:center;line-height:var(--text-height);opacity:0;text-align:start;width:60%}.intro-title{background-color:var(--dark-accent);color:var(--light-accent);font-size:var(--xl-text);font-weight:700;padding:0 var(--s-padding);width:fit-content}.intro-text a{color:var(--light-accent);text-decoration:none}.intro-text a:hover{color:var(--link)}.intro-image{aspect-ratio:16/9;border:var(--simple-border);border-radius:var(--card-radius);box-shadow:var(--simple-shadow);height:600px;object-fit:cover;-o-object-fit:cover;opacity:0;width:40%}.intro-arrow{stroke:var(--light-accent);font-size:5rem;opacity:0}@media (min-width:769px) and (max-width:1280px){.intro-image{width:350px}}@media (max-width:768px){.intro{align-items:center;display:flex;flex-direction:column;gap:var(--md-gap);min-height:100vh;width:100%}.intro-top{flex-direction:column-reverse;height:100%;justify-content:space-between}.intro-image{height:200px;object-position:0 20%;width:100%}.intro-text{align-items:center;font-size:var(--md-text);gap:var(--md-gap);line-height:var(--text-height);text-align:justify;width:100%}}.project{gap:var(--s-gap);margin-bottom:var(--s-margin)}.project,.project-card{display:flex;flex-direction:column;width:100%}.project-card{align-items:flex-start;border:var(--simple-border);border-radius:var(--card-radius);box-shadow:var(--simple-shadow);cursor:pointer;gap:1em;height:500px;justify-content:center;opacity:0;overflow:hidden;position:relative}.project-thumbnail{aspect-ratio:16/9;filter:brightness(80%);object-fit:cover;position:absolute;transition:.5s ease-in-out;width:100%}.project-card:hover .project-thumbnail{filter:brightness(20%);transform:scale(1.05)}.project-title{font-size:var(--lg-text);font-weight:700}.project-description{font-size:var(--md-text);text-align:justify}.project-description,.project-title{opacity:0;padding:0 10%;transform:translateY(-100%);transition:.5s ease-in-out;z-index:2}.project-card:hover .project-description,.project-card:hover .project-title{opacity:1;transform:translateY(0)}.info{display:flex;flex-direction:column;gap:var(--s-gap);opacity:0;width:100%}.info-title{font-size:var(--s-text);letter-spacing:var(--text-spacing);opacity:.5}.stack-list{display:flex;flex-wrap:wrap;gap:var(--md-gap)}.info-stack{background-color:var(--dark-accent);color:var(--light-accent);font-size:var(--md-text);font-weight:700;padding:0 var(--s-padding)}.info-links{gap:var(--md-gap);justify-content:left}.info-link,.info-links{align-items:center;display:flex}.info-link{color:var(--light-accent);font-size:var(--md-text);gap:var(--s-gap);justify-content:center;text-decoration:none}.info-link:hover{color:var(--link);cursor:pointer}.info-paragraph{color:var(--light);font-size:var(--md-text)}@media (max-width:768px){.project{margin-bottom:var(--xs-margin)}.project-card{height:400px}.project-thumbnail{aspect-ratio:9/16;height:100%}.project-title{font-size:var(--md-text)}.project-card:hover .project-title{top:30%}.project-description{font-size:var(--s-text)}.project-card:hover .project-description{top:50%}.info{gap:var(--md-gap)}.info-paragraph,.info-title{font-size:var(--s-text)}}.projects{align-items:center;display:flex;flex-direction:column;gap:var(--md-gap);justify-content:center;margin-bottom:var(--s-margin);width:100%}.projects-title{align-self:flex-start;background-color:var(--dark-accent);color:var(--light-accent);font-size:var(--xl-text);font-weight:700;opacity:0;padding:0 var(--s-padding);width:fit-content}.tools{display:flex;flex-direction:column;gap:var(--md-gap);margin-bottom:var(--md-margin);width:100%}.tools-title{background-color:var(--dark-accent);color:var(--light-accent);font-size:var(--xl-text);font-weight:700;opacity:0;padding:0 var(--s-padding);width:fit-content}.tools-description{font-size:var(--md-text);letter-spacing:var(--text-spacing);opacity:0}.tools-container{display:flex;justify-content:space-between;opacity:0}.tools-list{display:flex;flex-direction:column;gap:var(--s-gap)}.tools-list h3{color:var(--light-accent);font-size:var(--lg-text)}.tools-list p{font-size:var(--md-text)}@media (max-width:768px){.tools-description{font-size:var(--s-text);text-align:justify}}.bio{display:flex;flex-direction:column;gap:var(--md-gap);margin-bottom:var(--md-margin);width:100%}.bio-title{background-color:var(--dark-accent);color:var(--light-accent);font-size:var(--xl-text);font-weight:700;opacity:0;padding:0 var(--s-padding);width:fit-content}.bio-row{grid-gap:var(--lg-gap);display:grid;font-size:var(--s-text);gap:var(--lg-gap);grid-template-columns:1fr auto;opacity:0}.bio-year{background-color:var(--dark-accent);border-radius:var(--card-radius);color:var(--light-accent);font-size:var(--md-text);font-weight:600;gap:var(--s-gap);padding:var(--s-padding);width:fit-content}@media (max-width:768px){.bio-row{font-size:var(--s-text);gap:var(--s-gap);grid-template-columns:1fr;margin:var(--md-gap) 0;text-align:center}.bio-year{place-self:center;text-align:center;width:100%}}.contact{display:flex;flex-direction:column;gap:var(--md-gap);margin-bottom:var(--md-margin);width:100%}.contact-title{background-color:var(--dark-accent);color:var(--light-accent);font-size:var(--xl-text);font-weight:700;opacity:0;padding:0 var(--s-padding);width:fit-content}.contact-info{gap:var(--md-gap);opacity:0}.contact-info,.contact-text{display:flex;flex-direction:column}.contact-text{font-size:var(--md-text);gap:var(--s-gap);line-height:var(--text-height)}.contact-links{align-items:center;display:flex;gap:var(--lg-gap);justify-content:flex-start}.social-link{color:var(--light-accent);font-size:var(--xl-text)}.social-link:hover{color:var(--link)}@media (max-width:768px){.contact-text{font-size:var(--s-text);text-align:justify}.contact-links{justify-content:center}}.designs,.home{align-items:center;display:flex;flex-direction:column;justify-content:center}.designs{gap:var(--md-gap);padding:var(--lg-padding) 0}.designs-info{display:flex;justify-content:space-between;opacity:0;width:var(--container-width)}.designs-info-left{display:flex;flex-direction:column;gap:var(--s-gap);height:100%}.designs-info-right{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end}.designs-back{color:var(--light-accent);cursor:pointer;font-size:var(--md-text)}.designs-back:hover{color:var(--link)}.designs-title{background-color:var(--dark-accent);color:var(--light-accent);font-size:var(--lg-text);font-weight:700;padding:0 var(--s-padding);width:fit-content}.designs-description{font-size:var(--s-text);letter-spacing:var(--text-spacing);opacity:.5}.designs-list{display:flex;flex-wrap:wrap;gap:var(--md-gap);height:100%;justify-content:space-between;width:var(--container-width)}.design{background-position:0 0;background-repeat:no-repeat;background-size:cover;border:var(--simple-border);border-radius:var(--card-radius);box-shadow:var(--simple-shadow);height:300px;opacity:0;overflow:hidden;transition:all .25s ease-in-out;width:calc(400px - var(--md-gap))}.design a{text-decoration:none}.design-info{align-items:center;background:#000000bf;display:flex;height:100%;justify-content:center;padding:0 var(--s-padding);text-align:center;transition:all .25s ease-in-out;width:100%}.design-info-title{color:var(--light-accent);font-size:var(--md-text);text-decoration:none}.design:hover{background-position:50%}.design:hover .design-info{opacity:0}@media (max-width:1280px){.designs-list{gap:var(--md-gap)}.design{height:200px;width:calc(33% - var(--md-gap))}.designs-info-right{width:50%}}@media (max-width:768px){.designs-list{gap:var(--s-gap)}.design{height:180px;width:calc(50% - var(--s-gap))}}.notfound{align-items:center;display:flex;justify-content:center}.notfound-title{background-color:var(--dark-accent);color:var(--light-accent);cursor:pointer;font-size:var(--xl-text);font-weight:700;padding:0 var(--s-padding)}.notfound-title:hover{opacity:.75}:root{--dark:#212730;--dark-accent:#393e46;--light:#ededed;--light-accent:#ffd36b;--link:#4078c0;--base-font-size:16px;--main-font:system-ui,Optima,Candara,"Noto Sans",source-sans-pro,sans-serif;--xl-text:3rem;--lg-text:2rem;--md-text:1.5rem;--s-text:1.25rem;--text-spacing:2px;--text-height:1.25;--container-width:1280px;--s-padding:0.5em;--lg-padding:3em;--lg-margin:10em;--md-margin:5em;--s-margin:3em;--xs-margin:1em;--lg-gap:3em;--md-gap:1em;--s-gap:0.5em;--card-radius:5px;--simple-border:solid 3px var(--dark-accent);--simple-shadow:5px 10px 30px 0px #00000080}@media (max-width:1280px){:root{--xl-text:2.5rem;--lg-text:1.75rem;--md-text:1.25rem;--s-text:1rem;--container-width:95%;--lg-margin:8em;--md-margin:3em;--s-margin:2em;--xs-margin:1em}}@media (max-width:768px){:root{--xl-text:2.25rem;--lg-text:1.5rem;--md-text:1.15rem;--s-text:0.95rem;--text-height:1.25;--container-width:92.5%;--lg-margin:8em;--md-margin:3em;--s-margin:2em;--xs-margin:1em;--md-gap:0.75em;--s-gap:0.25em;--card-radius:5px;--simple-border:solid 3px var(--dark-accent);--simple-shadow:5px 10px 30px 0px #00000080}}html{box-sizing:border-box;color:var(--light);font-size:var(--base-font-size);scroll-behavior:smooth}body{align-items:center;background-color:var(--dark);display:flex;justify-content:center;min-height:100vh;width:100%}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-family:var(--main-font);font-weight:400;margin:0;padding:0}ol,ul{list-style:none}img{height:auto;max-width:100%}@media (max-width:1199px){html{scroll-padding:70px}}.page{width:100%}.page section{max-width:var(--container-width)}@keyframes bobUpAndDown{0%{transform:translateY(0)}to{transform:translateY(20%)}}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes halfShow{0%{opacity:0}to{opacity:.5}}@keyframes enterFromUp{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes enterFromDown{0%{transform:translateY(50%)}to{transform:translateY(0)}}@keyframes enterFromRight{0%{transform:translateX(50%)}to{transform:translateX(0)}}@keyframes enterFromLeft{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.show{animation:show .5s ease-in forwards}.enterFromUp{animation:enterFromUp .5s ease-in forwards}.showAndEnterFromUp{animation:show .5s ease-in forwards,enterFromUp .5s ease-in forwards}.enterFromDown{animation:enterFromDown .5s ease-in forwards}.showAndEnterFromDown{animation:show .5s ease-in forwards,enterFromDown .5s ease-in forwards}.halfShowAndEnterFromDown{animation:halfShow .5s ease-in forwards,enterFromDown .5s ease-in forwards}.enterFromRight{animation:enterFromRight .5s ease-in forwards}.showAndEnterFromRight{animation:show .5s ease-in forwards,enterFromRight .5s ease-in forwards}.enterFromLeft{animation:enterFromLeft .5s ease-in forwards}.showAndEnterFromLeft{animation:show .5s ease-in forwards,enterFromLeft .5s ease-in forwards}.bobUpAndDown{animation:bobUpAndDown .5s ease-in-out infinite alternate}.showAndBob{animation:show .5s ease-in forwards,bobUpAndDown .5s ease-in-out infinite alternate}
/*# sourceMappingURL=main.bffb5775.css.map*/