.full-link[data-v-e1991ce6]{display:block;text-decoration:none;color:inherit}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-Regular-webfont-LrSXIxBI.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto medium"),url(/assets/Roboto-Medium-webfont-CPaoAASA.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:local("Roboto medium italic"),url(/assets/Roboto-MediumItalic-webfont-3cG3OeSO.woff) format("woff");font-weight:500;font-style:italic}@font-face{font-family:Recoleta;src:local("Recoleta"),url(/assets/Recoleta-Regular-RMF-_HYw.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Recoleta;src:local("Recoleta bold"),url(/assets/Recoleta-Bold-BPniXnH0.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Recoleta;src:local("Recoleta black"),url(/assets/Recoleta-Black-mD2v2mp3.woff) format("woff");font-weight:700;font-style:normal}:root{--font-primary: "Roboto", Helvetica, sans-serif;--font-headlines: "Recoleta", "Recoleta", Helvetica, sans-serif;--font-headlines-black: "Recoleta black", "Recoleta", Helvetica, sans-serif;--font-headlines-medium: "Recoleta bold", "Recoleta", Helvetica, sans-serif;--color-body-background: #09181B;--color-top-background: #172427;--color-summary-background: #94d090;--color-background-lighter: #172427;--color-background-lightest: #c6e2ea;--color-button-background: #132427;--color-button-border: #6cb066;--color-text-primary: #c6e2ea;--color-dropshadow: #030a0c;--color-link-border: #99d5f6;--color-link-border-shadow: #99d5f6;--color-link-primary: #09181B;--size-text-default: 1.3rem;--size-text-small: 1rem;--size-text-medium: 1.7rem;--size-text-big: 6rem;--size-text-title-mobile: 5rem;--size-text-large: 2.5rem;--size-text-xlarge: 3.33rem;--card-border-radius: .2rem;--color-text: var(--color-body-background);--callout-text-color: var(--color-body-background);--callout-text: var(--color-body-background);--contact-card-border-color: var(--color-background-lightest);--color-border-skill: var(--color-background-lightest);--color-border-lightest: var(--color-background-lightest);--work-area: #071112;--work-border: var(--color-button-border);--stuff-outline-color: var(--color-button-border)}*,*:after,*:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:16px;height:100vh;scroll-behavior:smooth}body{box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-primary),serif;height:100vh;background-color:var(--color-body-background);font-size:var(--size-text-small)}::selection{background-color:var(--color-button-border);color:var(--color-link-border)}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400;overflow-wrap:break-word}h2{font-family:var(--font-headlines),sans-serif;font-weight:600;font-size:var(--size-text-xlarge);margin-bottom:1rem}h3{font-family:var(--font-headlines-medium),sans-serif;font-weight:600;font-size:var(--size-text-large);margin-bottom:1rem}h4{font-family:var(--font-headlines-medium),sans-serif;font-weight:400;font-size:var(--size-text-medium)}p{font-size:var(--size-text-default);line-height:140%}ul{font-size:var(--size-text-default)}a{color:inherit}a:not(.link-accent,.pressable-button,.link-accent-secondary):is(:hover,:focus){text-decoration-thickness:.25em;text-decoration-color:var(--color-link-border)}a:not(.pressable-button):focus{outline:2px dashed var(--color-link-border)}ol,ul{list-style:none}a:is(:hover,:focus){text-decoration-thickness:.25em;text-decoration-color:var(--color-link-primary)}img{max-width:100%;height:auto}.x-large{display:block;width:85rem;max-width:97%;margin:0 auto}.large{display:block;width:75rem;max-width:95%;margin:0 auto}.full{display:block;width:100%;margin:0 auto}.absolute{position:absolute;left:0;right:0;z-index:2}.button{position:relative;background-color:var(--color-button-background);color:var(--color-text);border-radius:var(--card-border-radius);font-size:var(--size-text-default);font-weight:700;line-height:1;overflow:hidden;padding:1.2rem 2.4rem;transition:all .5s ease-out}.button:hover{cursor:pointer}.button{color:var(--color-text-primary);position:relative;top:0;left:0;border:2px solid var(--color-button-border);padding:.6rem 1rem;box-shadow:0 1px 0 0 var(--color-button-border),2px 2px 0 0 var(--color-button-border),3px 3px 0 0 var(--color-button-border),4px 4px 0 0 var(--color-button-border),5px 5px 0 0 var(--color-button-border),6px 6px 0 0 var(--color-button-border);transition:box-shadow .35s,top .3s,left .3s,transform .4s,outline-color .4s;transform:rotateX(0) rotateY(0) rotate(0);text-decoration:none}.button:hover{box-shadow:0 0 0 0 var(--color-button-border);top:6px;left:6px}#main-navigation{display:flex;justify-content:flex-end;padding:2.5rem 0;margin:0 auto;background-color:var(--color-top-background)}#main-navigation ul li{list-style-type:none;display:inline-block;margin-left:3rem;font-size:var(--size-text-default)}#main-navigation ul li:first-child{margin-left:0}.summary{color:var(--color-text);position:sticky;top:23rem;margin-left:auto;margin-right:auto;display:block;height:0}#about p{font-size:var(--size-text-medium);line-height:140%;margin-bottom:1em}#intro{background-color:var(--color-top-background);padding-bottom:3rem;padding-left:2rem;padding-top:8rem}#intro h1{color:var(--color-text-primary);font-size:var(--size-text-big);font-weight:700;margin-bottom:2rem;font-family:var(--font-headlines-black),sans-serif}.shadow-letters{text-shadow:.25rem .25rem var(--color-dropshadow);display:block;width:75rem;max-width:95%;margin:0 auto}.link{color:var(--color-text-primary);text-decoration:none;padding-bottom:.15rem;border-bottom:.2rem solid var(--color-link-border);position:relative;top:0;transition:padding .5s,top .35s,box-shadow .4s}.link:hover{top:-.25rem;padding-bottom:.5rem;box-shadow:0 0 0 0 var(--color-link-border-shadow)}.tldr{display:block;padding:2rem;width:25rem;background-color:var(--color-summary-background);border:2px solid var(--color-button-border);border-radius:var(--card-border-radius);margin-left:auto;z-index:1;position:relative;right:0;top:-22rem}.tldr h2{font-size:var(--size-text-medium);font-weight:600;margin-bottom:2rem}.tldr p{margin-bottom:2rem;line-height:140%;font-size:var(--size-text-medium)}.tldr a.link{color:inherit;border-bottom:.2rem solid var(--color-text)}.tldr a:hover{text-decoration-color:var(--color-body-background)}.about-details{margin:0 auto;padding:3rem 1rem 1rem}.about-details>p{font-size:var(--size-text-medium)}.about-details>h3{padding-top:1rem}.about-details>*{max-width:40rem;margin-bottom:1.5rem}.skills li{list-style-type:none;display:inline-block;background-color:var(--color-top-background);padding:.6rem 1rem;border-radius:3px;margin-right:1rem;margin-bottom:1.5rem;border:2px solid var(--color-border-skill)}.work{margin-top:17rem;background-color:var(--work-area);border-top:2px solid var(--work-border);border-bottom:2px solid var(--work-border);border-radius:2px;padding:1rem 3rem 3rem;position:relative}.website{background-color:var(--work-area);border-top:2px solid var(--work-border);border-bottom:2px solid var(--work-border);border-radius:2px;padding:1rem 3rem;position:relative}.website h2{text-align:center;max-width:50rem;margin:3rem auto 6rem}.stuffs{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));column-gap:3rem;row-gap:3rem;margin:2rem auto 6rem}.inspiration{border-bottom:2px solid var(--work-border);border-radius:2px;padding:1rem 3rem 3rem;position:relative}.stuff{list-style-type:none;padding:3rem 1.5rem;border:2px solid var(--stuff-outline-color);border-radius:var(--card-border-radius);box-shadow:1px 1px 0 0 var(--stuff-outline-color),2px 2px 0 0 var(--stuff-outline-color),3px 3px 0 0 var(--stuff-outline-color),4px 4px 0 0 var(--stuff-outline-color),5px 5px 0 0 var(--stuff-outline-color),6px 6px 0 0 var(--stuff-outline-color);transform:rotate(-1deg);transition:transform .3s ease-out,background-color .35s,box-shadow .3s ease-out;color:var(--stuff-outline-color);cursor:pointer}.stuffs .stuff h3{font-weight:800;font-family:var(--font-headlines-medium),sans-serif;font-size:var(--size-text-large)}.stuffs .stuff>div p{margin-bottom:1.5rem;font-size:calc(var(--size-text-default) * 1)}.stuff a{color:inherit;text-decoration:none;border-bottom:2px solid var(--stuff-outline-color);border-top:none;border-left:none;border-right:none;transition:padding .25s}.stuffs .stuff:nth-child(2n){transform:rotate(1deg)}.stuffs .stuff:hover{transform:rotate(0);background-color:var(--color-button-background);box-shadow:1px 1px 0 0 var(--stuff-outline-color),2px 2px 0 0 var(--stuff-outline-color),3px 3px 0 0 var(--stuff-outline-color),4px 4px 0 0 var(--stuff-outline-color),5px 5px 0 0 var(--stuff-outline-color),6px 6px 0 0 var(--stuff-outline-color),7px 7px 0 0 var(--stuff-outline-color),8px 8px 0 0 var(--stuff-outline-color),9px 9px 0 0 var(--stuff-outline-color)}#contact{padding:2rem;background-color:var(--color-background-lighter);border:2px solid var(--contact-card-border-color);border-radius:var(--card-border-radius);margin-top:3rem;margin-bottom:2rem}#contact p{max-width:55rem;font-size:var(--size-text-medium)}#contact .field-group{padding:2rem 0}#contact label{display:block;font-size:var(--size-text-default);margin-bottom:.5rem}#contact input[type=email],#contact textarea[type=textarea]{display:block;width:35rem;max-width:100%;font-size:var(--size-text-medium);padding:.5rem;margin-bottom:.5rem;border:2px solid var(--color-background-lightest);border-radius:var(--card-border-radius);box-shadow:0 0 0 2px var(--color-body-background);color:var(--color-text-primary);background-color:var(--color-body-background)}.stuff a:hover{padding-bottom:.3rem;padding-right:1rem;border-top:none;border-left:none;border-right:none}.footer{background-color:var(--color-background-lighter);border-top:2px solid var(--color-border-lightest);padding-top:2rem}.footer .about-summary{padding:0;display:flex;justify-content:space-between;width:70rem;max-width:97%;margin:0 auto}.footer .about-summary h2{text-shadow:.25rem .25rem var(--color-dropshadow);text-align:left;margin-bottom:2rem}.footer .about-summary .explanation{text-align:right;padding-left:2rem;font-size:var(--size-text-medium);color:var(--color-text-primary);margin-top:1.4rem}.footer .socials{display:flex;justify-content:space-evenly;padding:1rem 4rem;background-color:var(--color-body-background);border-top:2px solid var(--color-background-lighter)}.footer .credits{padding:1rem;text-align:center;font-size:.8em}@media screen and (min-width:70rem){.work h2,.inspiration h2{padding-bottom:1rem}.work h2,.inspiration h2,.stuffs{margin:auto}.footer .socials{justify-content:center;gap:12em}}@media screen and (max-width:70rem),(max-height:35rem){.summary{position:relative;top:0;left:0;width:100%;max-width:100%;height:100%;padding:0}.summary .tldr{top:0;left:0;width:100%;padding:3.5rem;border-top:none;border-left:none;border-right:none}.summary .tldr:before{display:none;content:"";width:0;height:0}.about-details>*{max-width:90%}.work,.inspiration{margin-top:3rem;padding-bottom:0}}@media screen and (max-width:70rem){.footer .about-summary .explanation{font-size:var(--size-text-default)}.footer .socials>li+li{margin-left:0}.footer .about-summary h2{font-size:var(--size-text-large);max-width:20rem}}@media screen and (max-width:50rem){#main-navigation{display:block;width:100vw;max-width:100%;background-color:var(--color-button-border);margin-top:0;padding:0;position:fixed;top:0;z-index:2}#main-navigation p{border-top:2px solid var(--color-button-border);margin-bottom:0;padding-bottom:0;margin-top:0}#main-navigation ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));text-align:center;border-bottom:2px solid var(--color-button-border);margin-top:0;padding:0}#main-navigation ul li{text-align:center;display:block;margin:0;padding:0;background:var(--color-body-background)}#main-navigation ul li a{display:block;height:100%;padding-top:1rem;padding-bottom:1rem}#main-navigation ul li:not(:first-child) a:not(.button){border-left:2px solid var(--color-button-border)}#main-navigation ul li a.button{width:100%;box-shadow:none;border-radius:0;border-top:none;border-bottom:0;border-right:none;font-size:.9rem}#main-navigation ul li:nth-child(3){display:none}#main-navigation ul li a.button:is(:hover,:focus){box-shadow:0 -4px 0 0 var(--color-button-border) inset}#main-navigation{background-color:var(--color-background-lightest)}#intro{grid-template-columns:1fr;padding-left:.5rem;padding-top:8rem}#intro h1{font-size:var(--size-text-title-mobile)}.summary .tldr{padding:3.33rem 1.312rem}.about-details{padding-left:.5rem;padding-right:.5rem;padding-top:3.33rem}.work,.inspiration{padding:2rem 0}.work h2,.inspiration h2{padding-left:1.5rem;padding-bottom:0;background-image:none;text-align:left;margin-bottom:0;font-size:2.8rem}.stuffs{row-gap:0;grid-template-columns:1fr}.stuffs .stuff{grid-template-columns:1fr;border:none;box-shadow:none;transform:rotate(0)!important;border-radius:0}.stuffs .stuff:hover{box-shadow:none}.stuffs .stuff h3{font-size:var(--size-text-large)}.stuffs .stuff a:focus:after{border-radius:0;height:calc(100% + 2px);top:-1px}.footer{padding-top:4rem}.footer .socials{grid-template-columns:1fr 1fr;padding:3rem 1rem}.footer .socials li{text-align:center}.footer .socials li:nth-child(2n){text-align:center}.footer .socials li a{font-size:var(--size-text-small)}.footer .credits{padding:1rem .25rem}}@media screen and (max-width:40rem){#contact{max-width:100vw;width:100vw;border-left:none;border-right:none;padding:1.312rem .666rem}}@media screen and (max-width:20rem){.footer .socials{grid-template-columns:1fr}.footer .socials li{text-align:center}.footer .socials li:nth-child(2n){text-align:center}}