html{scroll-behavior:smooth}body{text-size-adjust:100%;min-height:100vh;position:relative;width:100%}*,:after,:before{box-sizing:border-box}a:not([class]){text-decoration-skip-ink:auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}td:empty,th:empty{opacity:0}input,input:required{box-shadow:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:active,a:hover{outline:none}img{border:0;height:auto;max-width:100%;vertical-align:middle}img,picture{display:inline-block}figure{margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;background:transparent;border:0;cursor:pointer}button::-moz-focus-inner{border:0}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button{background:transparent;border:0}textarea{overflow:auto;resize:vertical;vertical-align:top}table{border-collapse:collapse;border-spacing:0}hr{background:#000;border:0;box-sizing:content-box;height:1px;line-height:0;margin:0;overflow:visible;padding:0;page-break-after:always;width:100%}pre{font-family:monospace,monospace;font-size:100%}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,samp{font-family:monospace,monospace;font-size:100%}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;outline:0;padding:0}legend{border:0;color:inherit;display:block;max-width:100%;white-space:normal;width:100%}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}*,body,html{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;line-height:1.5rem;scroll-behavior:smooth}body,html{height:100%}@media only screen and (min-width:601px){.small-and-down{display:none!important}}@media only screen and (min-width:993px){.medium-and-down{display:none!important}}@media only screen and (max-width:992px){.large-and-up{display:none!important}}@media only screen and (max-width:600px){.medium-and-up{display:none!important}}@media only screen and (min-width:601px)and (max-width:992px){.medium-only{display:none!important}}.primary-default{color:blue}.primary-alternative{color:#d0204a}.ultra-light{color:#f0f0f0}.mid-light{color:#e2e2e2}.mid-dark{color:#3c3c3c}.extra-dark{color:#242424}.ultra-dark{color:#000}.light-gradient-horizontal,.light-gradient-vertical{background-image:-webkit-linear-gradient(0deg,#f0f0f0 10%,#e2e2e2 90%);background-image:-o-linear-gradient(0deg,#f0f0f0 10%,#e2e2e2 90%);background-image:linear-gradient(0deg,#f0f0f0 10%,#e2e2e2 90%)}.dark-gradient-horizontal,.dark-gradient-vertical{background-image:-webkit-linear-gradient(0deg,#000 10%,#3c3c3c 90%);background-image:-o-linear-gradient(0deg,#000 10%,#3c3c3c 90%);background-image:linear-gradient(0deg,#000 10%,#3c3c3c 90%)}.primary-gradient-vertical{background-image:-webkit-linear-gradient(0deg,blue 10%,#d0204a 90%);background-image:-o-linear-gradient(0deg,blue 10%,#d0204a 90%);background-image:linear-gradient(0deg,blue 10%,#d0204a 90%)}.primary-gradient-horizontal{background-image:-webkit-linear-gradient(90deg,blue 10%,#d0204a 90%);background-image:-o-linear-gradient(90deg,blue 10%,#d0204a 90%);background-image:linear-gradient(90deg,blue 10%,#d0204a 90%)}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.translate-z{-webkit-transform:translateZ(-4rem)!important;-moz-transform:translateZ(-4rem)!important;-ms-transform:translateZ(-4rem)!important;-o-transform:translateZ(-4rem)!important;transform:translateZ(-4rem)!important}@font-face{font-family:Karla;font-weight:400;src:url(../src/fonts/Karla/Karla-Regular.ttf) format("truetype")}@font-face{font-family:Karla;font-weight:700;src:url(../src/fonts/Karla/Karla-Bold.ttf) format("truetype")}a{color:#f0f0f0;text-decoration:none;-webkit-transition:.1s;-webkit-transition:-webkit-transform .1s ease-out;-moz-transition:.1s;-ms-transition:.1s;-o-transition:.1s;transition:.1s;transition-delay:0s}a:hover{color:#00ff5f}*,body,html{font-family:Karla,Courier,Courier New,Lucida Console,Monospace;font-weight:400}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.bold{font-weight:700!important}.txt-left{text-align:left}.txt-center{text-align:center}.txt-right{text-align:right}.caption.text.blockquote,.main,.main.caption,.text.blockquote,nav a,nav a.text.blockquote{font-family:Karla,Courier,Courier New,Lucida Console,Monospace;font-weight:400}.caption.text.blockquote,.main.caption,nav a,nav a.text.blockquote{font-size:.75rem;line-height:1.25rem}@media only screen and (max-width:600px){.caption-sm.text.blockquote,.main.caption-sm,nav a.caption-sm{font-size:.75rem;line-height:1.25rem}}@media only screen and (min-width:601px){.caption-md.text.blockquote,.main.caption-md,nav a.caption-md{font-size:.75rem;line-height:1.25rem}}@media only screen and (min-width:993px){.caption-lg.text.blockquote,.main.caption-lg,nav a.caption-lg{font-size:.75rem;line-height:1.25rem}}.body.text.blockquote,.main.body,nav a.body{font-family:Karla,Courier,Courier New,Lucida Console,Monospace;font-size:.875rem;font-weight:400;line-height:1.5rem}@media only screen and (max-width:600px){.body-sm.text.blockquote,.main.body-sm,nav a.body-sm{font-size:.875rem;line-height:1.5rem}}@media only screen and (min-width:601px){.body-md.text.blockquote,.main.body-md,nav a.body-md{font-size:.875rem;line-height:1.5rem}}@media only screen and (min-width:993px){.body-lg.text.blockquote,.main.body-lg,nav a.body-lg{font-size:.875rem;line-height:1.5rem}}.main.subheading,.subheading.text.blockquote,nav a.subheading{font-family:Karla,Courier,Courier New,Lucida Console,Monospace;font-size:1.125rem;font-weight:400;line-height:2rem}@media only screen and (max-width:600px){.main.subheading-sm,.subheading-sm.text.blockquote,nav a.subheading-sm{font-size:1.125rem;line-height:2rem}}@media only screen and (min-width:601px){.main.subheading-md,.subheading-md.text.blockquote,nav a.subheading-md{font-size:1.125rem;line-height:2rem}}@media only screen and (min-width:993px){.main.subheading-lg,.subheading-lg.text.blockquote,nav a.subheading-lg{font-size:1.125rem;line-height:2rem}}.heading.text.blockquote,.main.heading,nav a.heading{font-family:Karla,Courier,Courier New,Lucida Console,Monospace;font-size:2rem;font-weight:400;line-height:2.5rem}@media only screen and (max-width:600px){.heading.text.blockquote,.main.heading,nav a.heading{font-size:1.5rem;line-height:2.25rem}.heading-sm.text.blockquote,.main.heading-sm,nav a.heading-sm{font-size:2rem;line-height:2.5rem}}@media only screen and (min-width:601px){.heading-md.text.blockquote,.main.heading-md,nav a.heading-md{font-size:2rem;line-height:2.5rem}}@media only screen and (min-width:993px){.heading-lg.text.blockquote,.main.heading-lg,nav a.heading-lg{font-size:2rem;line-height:2.5rem}}.text,.text.body,.text.caption,nav a.text{font-family:Literata,Times New Roman,Georgia,Serif;font-weight:400}.text.caption,nav a.text{font-size:.625rem;line-height:1.25rem}.text.body{font-size:.8125rem;line-height:1.5rem}.text.blockquote{font-size:1.25rem;line-height:2rem}.truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacing-inset-lg{padding:3.75rem}@media only screen and (max-width:600px){.spacing-inset-lg{padding:1.5em}}.spacing-stack-quark{margin-bottom:.5rem}.spacing-stack-nano{margin-bottom:1rem}.spacing-stack-xxxs{margin-bottom:1.5rem}.spacing-stack-xxs{margin-bottom:2rem}.spacing-stack-xs{margin-bottom:2.5rem}.spacing-stack-sm{margin-bottom:3rem}.spacing-stack-md{margin-bottom:3.5rem}.spacing-stack-lg{margin-bottom:4rem}.spacing-stack-xl{margin-bottom:4.5rem}.spacing-stack-xxl{margin-bottom:5rem}.spacing-stack-xxxl{margin-bottom:7.5rem}.spacing-stack-huge{margin-bottom:10rem}.spacing-stack-giant{margin-bottom:12.5rem}.spacing-inline-quark{margin-left:1rem}.spacing-inline-nano{margin-left:2rem}.spacing-inline-xxxs{margin-left:3rem}.spacing-inline-xxs{margin-left:4rem}.spacing-inline-xs{margin-left:5rem}.spacing-inline-sm{margin-left:6rem}.spacing-inline-md{margin-left:7rem}.spacing-inline-lg{margin-left:8rem}.spacing-inline-xl{margin-left:9rem}.spacing-inline-xxl{margin-left:5rem}.spacing-inline-xxxl{margin-left:7.5rem}.spacing-inline-huge{margin-left:10rem}.spacing-inline-giant{margin-left:12.5rem}.align-content-to-edges{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;width:fit-content}@media only screen and (max-width:600px){.align-content-to-edges{width:auto}}.align-content-to-edges .top-left{flex:1}.align-content-to-edges .bottom-left{flex:0}#display{display:block;filter:blur(.5px);left:0;perspective:25rem;pointer-events:none;position:absolute;top:-2rem;width:100%;z-index:0}@media only screen and (max-width:600px){#display{max-height:30%;top:0}}#display img{display:block;height:80vh;margin-left:22%;max-width:100%;-webkit-transform:rotateX(4deg) rotateY(14deg) rotate(0deg) skewY(3deg);-moz-transform:rotateX(4deg) rotateY(14deg) rotate(0deg) skewY(3deg);-ms-transform:rotateX(4deg) rotateY(14deg) rotate(0deg) skewY(3deg);-o-transform:rotateX(4deg) rotateY(14deg) rotate(0deg) skewY(3deg);transform:rotateX(4deg) rotateY(14deg) rotate(0deg) skewY(3deg);transform-origin:11% 5%;transform-style:preserve-3d;width:66%}@media only screen and (max-width:992px){#display img{transform:rotateX(4deg) rotateY(14deg) rotate(0deg) skewY(3deg);transform-origin:11% 5%}}@media only screen and (max-width:600px){#display img{height:50vh;margin-top:15vw}}body,body .full-bg{height:100%}body .noise:after{animation:grain 8s steps(10) infinite;background-image:url(../src/img/colored-noise-pattern.gif);content:"";height:300%;left:-50%;opacity:.08;pointer-events:none;position:fixed;top:-110%;transform:scale(.25);width:300%}body .fixed-pos{position:fixed}nav{display:flex;flex-direction:column;float:right;height:100%;justify-content:flex-end}nav #menu{display:inline-block;flex-grow:1;margin-top:-.5rem}.anchor-arrow{display:block;height:3rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:3rem}.anchor-arrow img{display:block;margin:2rem auto 0}.reminder{bottom:3.5rem;left:3.5rem;position:fixed;width:calc(100% - 7rem);z-index:-1}@media only screen and (max-width:600px){.reminder{bottom:2.5rem;left:1.5rem;max-width:18rem;width:calc(100% - 3rem)}}.social-icons.primary,.social-icons.secondary{align-self:flex-end;display:inline-block;flex-grow:0;margin-bottom:-.5rem}.social-icons.primary li,.social-icons.secondary li{display:inline-block;margin-left:.5rem}@media only screen and (max-width:600px){.social-icons.primary li,.social-icons.secondary li{display:block;margin-bottom:1rem}}.social-icons.secondary li{margin-left:0;margin-right:.5rem}@media only screen and (max-width:600px){.social-icons.secondary{display:none}}#about-me{width:60%}@media only screen and (max-width:600px){#about-me p{display:inline}}#about-me #email,#about-me .spacing-stack-nano{display:block}