:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Italiana;src:url(/fonts/Italiana-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body{margin:0;padding:0}canvas{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1}.page{z-index:1;width:100vw;height:100vh;max-width:100%;display:flex}.space{flex-grow:1}.links{background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:69px;position:fixed;right:0;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-evenly}.links>a{display:inline-block;rotate:90deg;color:#fff;text-decoration:none;transition:font-weight .5s}.bottom-left{place-self:flex-end;margin-left:5%;margin-bottom:5%}.intro{font-size:2em}.intro h1{margin:0}.italiana-regular{font-family:Italiana,sans-serif;font-weight:400;font-style:normal}.about-me{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);grid-column-gap:0px;grid-row-gap:0px}.about-me .st{font-size:2.5em;grid-area:2 / 2 / 3 / 5}.about-me .i1{grid-area:3 / 9 / 5 / 12}.about-me .i2{grid-area:5 / 3 / 8 / 6}.about-me .i3{grid-area:10 / 7 / 12 / 12}.experience{display:grid;grid-template-columns:.5fr repeat(9,1fr) 75px;grid-template-rows:.5fr 1fr .5fr 1fr 1fr .5fr .5fr 1fr 1fr .5fr;grid-column-gap:0px;grid-row-gap:0px}.experience h3,.experience small{padding:0;margin:0}.experience .i3{grid-area:4 / 8 / 7 / 10}.experience .i2{grid-area:3 / 5 / 6 / 7}.experience .i1{grid-area:2 / 2 / 5 / 4}.experience .st{text-align:right;font-size:2.5em;grid-area:2 / 6 / 3 / 10}.experience .st h2{padding:0;margin:0}.experience .i4{grid-area:6 / 3 / 10 / 5}.experience .i6{grid-area:8 / 9 / 12 / 11}.experience .i5{grid-area:8 / 6 / 12 / 8}.contact{display:flex;flex-direction:column;padding:6pc;box-sizing:border-box}.contact .st{font-size:2.5em}.contact .row{display:flex;flex-direction:row}.contact .row>div{flex-basis:50%;text-align:center}.contact .row .primary{display:flex;align-items:center;justify-content:center}.contact .row .primary .inner{max-width:30pc;width:100%;font-size:1.5em}.contact .row .primary .inner .icons{display:flex;flex-direction:row;justify-content:space-evenly;margin:2pc 0}.contact .row .primary .inner .icons svg{width:40px;height:40px;fill:#fff}.contact .row .primary .inner .email-scramble{width:50%;background:#919191;border-radius:4px;margin:2pc auto;font-size:.9em;padding:5px;color:#000;position:relative}.contact .row .primary .inner .email-scramble .overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:4px;font-size:.7em;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s}.contact .row .primary .inner .email-scramble.shown .overlay{opacity:0}.privacy{padding:10px}@media (min-width: 820px) and (max-width: 1599px){.experience{height:unset;min-height:100vh}}@media (min-width: 831px) and (max-width: 980px){.about-me{grid-template-rows:.5fr 1fr 1fr .5fr 1fr .1fr .1fr .1fr .1fr 1fr .1fr .1fr}.about-me .i1{grid-area:3 / 5 / 5 / 12}.about-me .i2{grid-area:5 / 2 / 8 / 10}.about-me .i3{grid-area:10 / 3 / 12 / 12}}@media (min-width: 0px) and (max-width: 830px){.about-me{grid-template-rows:.5fr 1fr .5fr 1fr 1fr 1fr .5fr}.about-me .i1{grid-area:4 / 2 / 5 / 12;margin-bottom:10px}.about-me .i2{grid-area:5 / 2 / 6 / 12;margin-bottom:10px}.about-me .i3{grid-area:6 / 2 / 7 / 12;margin-bottom:10px}.contact .row .primary .inner .email-scramble{width:100%}}@media (min-width: 0px) and (max-width: 819px){.links{width:100%;height:49px;top:0;left:0;flex-direction:row;align-items:center}.links a{rotate:unset}.experience{height:unset;min-height:100vh;grid-template-columns:.5fr repeat(9,1fr) .5fr;grid-template-rows:.5fr 1fr .5fr 1fr 1fr 1fr 1fr 1fr}.experience .i1{grid-area:3 / 2 / 4 / 11}.experience .i2{grid-area:4 / 2 / 5 / 11;text-align:right}.experience .i3{grid-area:5 / 2 / 6 / 11}.experience .i4{grid-area:6 / 2 / 7 / 11;text-align:right}.experience .i5{grid-area:7 / 2 / 8 / 11}.experience .i6{grid-area:8 / 2 / 9 / 11;text-align:right}}@media (min-width: 0px) and (max-width: 680px){.experience .st{grid-area:2/3/3/10}.contact .row{justify-content:center}.contact .row>div:first-child{display:none}}