:root{--primary-color:#fff;--secondary-color:#000;--thirty-color:#0ad357;--transparent-color:#000000d3;--translucid-color:#fff0;--app-base-measure:0.5rem;--app-base-font-size:clamp(0.5vw + var(--app-base-measure),var(--app-base-measure) * 1.6,1.5vw + var(--app-base-measure));--small-box-shadow:0 0.3125rem 0.625rem -0.3125rem #000;--medium-box-shadow:0 0.3125rem 0.625rem 0 #000;--modal-index:999;--navigation-index:800;--component-index:2;--background-index:-5}@keyframes appearance-from-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes appearance-from-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin: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;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:.0625rem dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-.125rem}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{border:0;margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}embed,iframe,img,object,video{max-width:100%}embed[width][height],iframe[width][height],img[width][height],object[width][height],video[width][height]{height:auto}img[src$=".svg"]{height:auto;max-width:none;width:100%}a{color:inherit;text-decoration:none}*{scrollbar-color:var(--transparent-color) var(--primary-color);scrollbar-width:thin}.o-home-page{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden}.o-home-page .wrapper{--border-radius:0.5rem;--font-size:1.3;border-radius:var(--border-radius);display:flex;font-size:calc(var(--app-base-font-size)*var(--font-size));height:min(67.5rem,90%);width:min(67.5rem,90%)}.o-home-page .wrapper .content{--gap:3;--padding-top:1;--padding-bottom:5;--padding-right:5;--padding-left:5;align-items:center;flex-direction:column;gap:calc(var(--app-base-measure)*var(--gap));height:min(67.5rem,100%);padding:calc(var(--app-base-measure)*var(--padding-top)) calc(var(--app-base-measure)*var(--padding-right)) calc(var(--app-base-measure)*var(--padding-bottom)) calc(var(--app-base-measure)*var(--padding-left));width:min(67.5rem,100%)}@media screen and (max-width:700px){.o-home-page .wrapper .content{--padding:2}}.o-home-page .wrapper .content .email{--font-size:1.4;font-size:calc(var(--app-base-font-size)*var(--font-size));text-align:center}@media screen and (max-width:700px){.o-home-page .wrapper .content .email{display:none}}.o-navigation{--vertical-padding:8;--horizontal-padding:4;display:flex;flex-direction:column;flex-grow:1;justify-content:space-around;padding-block:calc(var(--app-base-measure)*var(--vertical-padding));padding-inline:calc(var(--app-base-measure)*var(--horizontal-padding))}@media screen and (max-width:700px){.o-navigation{align-items:center;background-color:rgba(0,0,0,.356);bottom:0;flex-direction:row;height:10%;left:0;position:fixed;right:0;z-index:var(--navigation-index)}}.o-navigation .button{min-height:calc(var(--app-base-measure)*8);min-width:calc(var(--app-base-measure)*4);padding:0}.o-navigation .button .link{--padding:2;align-items:center;display:flex;height:100%;justify-content:center;padding:calc(var(--app-base-measure)*var(--padding));width:100%}@media screen and (max-width:700px){.o-navigation .button .link{--padding:0}}.o-display{--padding:4;height:min(67.5rem,100%);justify-content:center;overflow:hidden;width:100%}.o-about,.o-display{display:flex;padding:calc(var(--app-base-measure)*var(--padding))}.o-about{--padding:2;--animation-time:0.3s;align-items:center;flex-direction:column;overflow:hidden auto;text-align:justify}@media screen and (max-width:700px){.o-about{--padding:0}}.o-about .title{animation:appearance-from-left var(--animation-time) ease;font-size:calc(var(--app-base-font-size)*var(--font-size));letter-spacing:.0625rem;--font-size:2.5}@media screen and (max-width:700px){.o-about .title{--font-size:1.6}}.o-about .sub-title{--font-size:2;animation:appearance-from-left var(--animation-time) ease;font-size:calc(var(--app-base-font-size)*var(--font-size));letter-spacing:.0625rem}@media screen and (max-width:700px){.o-about .sub-title{--font-size:1.4}}.o-about .text{--font-size:1.4;animation:appearance-from-left var(--animation-time) ease;font-size:calc(var(--app-base-font-size)*var(--font-size))}@media screen and (max-width:700px){.o-about .text{--font-size:1.2}}.o-skills-menu{--menu-gap:6;--animation-time:0.3s;--horizontal-padding:4;--vertical-padding:8;animation:appearance-from-right var(--animation-time) ease;display:flex;flex-direction:column;gap:calc(var(--app-base-measure)*var(--menu-gap));height:100%;padding-block:calc(var(--app-base-measure)*var(--vertical-padding));padding-inline:calc(var(--app-base-measure)*var(--horizontal-padding))}.o-skills-menu .button{--width:20;--height:5;min-height:calc(var(--app-base-measure)*var(--height));min-width:calc(var(--app-base-measure)*var(--width));padding:0}.o-pixel-art{--horizontal-padding:2;--vertical-padding:6;font-size:var(--app-base-font-size);padding-block:calc(var(--app-base-measure)*var(--vertical-padding));padding-inline:calc(var(--app-base-measure)*var(--horizontal-padding));width:100%}@media screen and (max-width:700px){.o-pixel-art{padding-block:0;padding-inline:0}}.o-pixel-art .wrapper{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden auto;width:100%}.o-pixel-art .wrapper .card{--gap:2;--padding:2;--animation-time:0.3s;--font-size:1.2;align-items:center;animation:appearance-from-left var(--animation-time) ease;display:flex;font-size:calc(var(--app-base-font-size)*var(--font-size));gap:calc(var(--app-base-measure)*var(--gap));padding:calc(var(--app-base-measure)*var(--padding));width:100%}@media screen and (max-width:700px){.o-pixel-art .wrapper .card{--font-size:1}}.o-pixel-art .wrapper .card .image{--min-height:16;--min-width:15;align-items:center;display:flex;min-height:calc(var(--app-base-measure)*var(--min-height));min-width:calc(var(--app-base-measure)*var(--min-width));position:relative}.o-programming{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.o-programming .wrapper{--gap:6;--animation-time:0.3s;--horizontal-padding:4;--vertical-padding:4;display:flex;flex-direction:column;gap:calc(var(--app-base-measure)*var(--gap));overflow:hidden auto;padding-block:calc(var(--app-base-measure)*var(--vertical-padding));padding-inline:calc(var(--app-base-measure)*var(--horizontal-padding));width:100%}.o-programming .wrapper .element{animation:appearance-from-left var(--animation-time) ease;display:flex;flex-direction:column;justify-content:center;width:100%}.o-programming .wrapper .element .links{--gap:4;display:flex;gap:calc(var(--app-base-measure)*var(--gap))}.o-intro{align-items:center;display:flex;justify-content:flex-start;width:100%}.o-intro .wrapper{--gap:6;--animation-time:0.3s;--horizontal-padding:4;--vertical-padding:4;display:flex;flex-direction:column;gap:calc(var(--app-base-measure)*var(--gap));overflow:hidden auto;padding-block:calc(var(--app-base-measure)*var(--horizontal-padding));padding-inline:calc(var(--app-base-measure)*var(--vertical-padding));width:100%}.o-intro .wrapper .element{animation:appearance-from-left var(--animation-time) ease}.c-bg--primary{background-color:var(--primary-color)}.c-bg--transparent{background-color:var(--transparent-color);box-shadow:.3125rem .3125rem .625rem rgba(0,0,0,.2)}.c-link--thirty,.c-text--primary{color:var(--primary-color)}.c-link--thirty{text-decoration:underline}.c-button--primary{cursor:pointer;background-color:var(--translucid-color);border-color:var(--translucid-color);color:var(--primary-color)}.c-button--primary:hover{text-decoration:underline}@media screen and (max-width:700px){.c-button--primary{background-color:var(--translucid-color);border:0 solid;color:var(--primary-color)}}