@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@200;400;700&family=Noto+Emoji:wght@300;400;500&display=swap);:root{--color-cyan:#61dafb;--color-blue:blue;--color-magenta:#ff00e5;--color-red:red;--color-yellow:#ff0;--color-green:#61fbb1;--color-grey:#6c6c6c;--color-white:#fff;--color-primary:var(--color-green);--color-black:#060606;--color-background:var(--color-black);--color-border:#262626;--font-size-large:1.5em;--font-size-sm:0.85rem;--font-size-rg:1rem;--icon-size-rg:calc(var(--font-size-rg)*1.5);--icon-size-lg:calc(var(--icon-size-rg)*1.5);--grid-gutter:calc(var(--font-size-rg)*1.5);--grid-gutter-sm:calc(var(--font-size-rg)*0.5);--grid-gutter-xs:calc(var(--font-size-rg)*0.25);--header-height:calc(var(--icon-size-lg) + var(--grid-gutter-sm)*2);--white:#fff;--animation-duration:0.5s;--container-width:calc(100vw - var(--grid-gutter)*2)}:root .text-cyan{color:var(--color-cyan)}:root .text-blue{color:var(--color-blue)}:root .text-magenta{color:var(--color-magenta)}:root .text-red{color:var(--color-red)}:root .text-yellow{color:var(--color-yellow)}:root .text-green{color:var(--color-green)}:root{--primary:#61fbb1}*{margin:0;padding:0}body{background:var(--color-background);color:#fff;font-family:IBM Plex Mono;position:relative;z-index:-1}h1,h2,h3{font-weight:400;text-align:center}h3{font-size:1em}.filter{color:#262626;display:flex;gap:1em;justify-content:center;margin-bottom:1.5em;padding:0}.filter__item{display:inline-block;padding:0 2em}.filter__item--active{color:#fff}.container{margin:1.5em auto;padding:1.5em}.navigation{align-self:center;animation:fadeInRight;animation-duration:.5s;list-style:none;margin:1.5em;text-align:right}.navigation li span{color:#262626;transition:color .125s ease-in-out}.navigation li:hover span{cursor:pointer;opacity:1}.navigation li.active span{color:#fff}.navigation__item{margin-bottom:1em}.navigation__item:hover{cursor:pointer;text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.5em}.navigation__item--active{border-color:currentColor}.navigation__item--active:hover{text-decoration:none}.unicorn{animation:slideInUp;animation-duration:1s;bottom:0;font-family:Noto Emoji,sans-serif;font-size:1.5em;left:0;position:absolute;right:0;text-align:center}section.fp-table{justify-content:stretch}section.fp-table.centered{justify-content:center}section.matrix{color:#61fbb1}.fixed-content{align-items:center;bottom:0;display:flex;justify-content:space-between;left:0;position:fixed;right:0;top:0}.contact-box{animation:slideInLeft;animation-duration:1s;border:1px solid #262626;display:flex;flex-direction:column;flex-grow:0;gap:1.5em;margin:1.5em;padding:1.5em}.contact-box__name{font-size:1.5em}.contact-box__title{color:#61dafb}.contact-box__photo{height:auto;width:256px}.contact-box button{margin-top:auto}blockquote{animation:zoomIn;animation-duration:1s;font-size:1.5em}blockquote cite{display:block;font-size:1rem;font-style:normal;margin-top:1.5em}.CircularProgressbar .CircularProgressbar-path{stroke:#61fbb1}.CircularProgressbar .CircularProgressbar-trail{stroke:#262626}button{font-family:inherit;font-size:inherit}a:link,a:visited{color:inherit;text-decoration:none}.btn{border:none;padding:1em 2em}.btn.cta{background-color:#61fbb1}.skill-card{border:1px solid #262626;padding:.75em;position:relative;text-align:center}.skill-card__rating{left:.75em;position:absolute;top:.375em}.skill-card__label{color:#262626;display:block}main#app{width:var(--container-width)}@media screen and (min-width:1024px){main#app{margin-left:auto;margin-right:auto}}.button{background:var(--color-primary);border:none;padding:.75em 1.5em}.button--fullwidth{width:100%}.button--large{padding:.75em 5em}.section{container-name:section;container-type:inline-size;padding-left:var(--grid-gutter);padding-right:var(--grid-gutter)}.hero{color:var(--color-primary)}.hero__footer{bottom:0;left:0;position:absolute;right:0;text-align:center}.hero__footer svg{height:var(--icon-size-lg);width:var(--icon-size-lg)}.progress{display:flex;flex-direction:column;gap:.25em}.progress__label{color:var(--color-grey);font-size:var(--font-size-sm);text-align:left}.progress__bar{accent-color:var(--color-primary);-webkit-appearance:none;border-radius:0;height:.25em;width:100%}.progress__bar::-webkit-progress-bar{background-color:var(--color-border)}.progress__bar::-webkit-progress-value{background-color:var(--color-primary)}.progress__bar::-moz-progress-bar{background-color:var(--color-primary)}.card{align-items:stretch;animation-duration:.5s;display:flex;flex:1;flex-direction:column;gap:var(--grid-gutter-xs);justify-content:center;overflow:hidden;padding:var(--grid-gutter-sm);position:relative;text-align:center}.card--border{border:1px solid var(--color-border)}.card__title{font-size:var(--font-size-rg);margin-bottom:0}.dashboard{container:section}.dashboard__grid{grid-auto-columns:1fr;grid-auto-rows:1fr;grid-template-areas:"profile persona" "education experience" "skills skills";margin:auto}@media screen and (orientation:landscape){.dashboard__grid{aspect-ratio:16/9;grid-template-areas:"avatar profile persona" "education experience skills"}}.dashboard__persona,.dashboard__profile{align-items:flex-start}.dashboard__persona dt,.dashboard__profile dt{flex-basis:100%;text-align:left}.dashboard__profile{display:flex;grid-area:profile;justify-content:center}.dashboard__persona{display:flex;grid-area:persona;justify-content:center}.dashboard__persona input{text-align:center}.dashboard__avatar{grid-area:avatar}.dashboard__experience{grid-area:experience}.dashboard__experience span{color:var(--color-primary);font-size:5em;font-weight:100;line-height:1}.dashboard__education{grid-area:education}.dashboard__education small{color:var(--color-grey)}.dashboard__skills{grid-area:skills}.dashboard button{margin-top:var(--grid-gutter);text-align:center}.grid{grid-gap:var(--grid-gutter-sm);container:section;display:grid;list-style:none}.grid--1{grid-template-columns:repeat(1,1fr)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--5{grid-template-columns:repeat(5,1fr)}.grid--6{grid-template-columns:repeat(6,1fr)}.grid--7{grid-template-columns:repeat(7,1fr)}.grid--8{grid-template-columns:repeat(8,1fr)}.grid--9{grid-template-columns:repeat(9,1fr)}.grid--10{grid-template-columns:repeat(10,1fr)}.grid--11{grid-template-columns:repeat(11,1fr)}.grid--12{grid-template-columns:repeat(12,1fr)}.profile{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;justify-content:flex-start;text-align:left}.profile__label{color:var(--color-grey);font-size:var(--font-size-sm)}.profile__description{margin-bottom:var(--grid-gutter-sm)}.profile-item{flex-basis:100%}.profile-item label{color:var(--color-grey);font-size:var(--font-size-sm)}.profile-item input{appearance:none;background:none;border:none;color:currentColor;display:block;font-family:var(--font-family-base);font-size:var(--font-size-rg)}.profile-item input:focus,.profile-item input:focus-visible{border:none;outline:none}.profile-item input::selection{background:var(--color-primary);color:var(--color-black)}.avatar{aspect-ratio:1/1;background-color:var(--color-border);border-radius:100%}.header{align-items:center;display:flex;height:var(--header-height);justify-content:space-between}.header--page h1{margin-bottom:0}.header__action{flex-basis:var(--header-height);width:var(--header-height)}.header__title{flex-grow:1;text-align:center}.header .icon svg{height:var(--icon-size-lg);width:var(--icon-size-lg)}.header__button{aspect-ratio:1/1;background:none;border:none;padding:.5em;position:relative}.header__button:active,.header__button:hover{cursor:pointer}.header__button:active .icon path,.header__button:hover .icon path{fill:var(--color-primary)}.menu-item{animation:zoomIn;animation-duration:var(--animation-duration);aspect-ratio:1/1}.menu-item--active,.menu-item:active,.menu-item:hover{background-color:var(--color-primary);border:none;color:var(--color-black);cursor:pointer}.menu-item--active .icon path,.menu-item:active .icon path,.menu-item:hover .icon path{fill:currentColor}.menu-item--active,.menu-item--active:active,.menu-item--active:hover{cursor:none!important}.menu{background-color:var(--color-black);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1000}.menu .grid{justify-content:center}@media screen and (orientation:landscape){.menu .grid{grid-template-columns:repeat(auto-fill,minmax(150px,40vh))}}@media screen and (orientation:landscape) and (min-aspect-ratio:16/9){.menu .grid{grid-template-columns:repeat(3,minmax(150px,40vh))}}@media screen and (orientation:portrait){.menu .grid{grid-template-columns:repeat(auto-fill,minmax(128px,30vh))}}@media screen and (orientation:portrait) and (max-aspect-ratio:9/16){.menu .grid{grid-template-columns:repeat(2,1fr)}}.page__content{display:flex;flex-direction:column;gap:var(--grid-gutter)}.timeline__item{aspect-ratio:9/16;background-color:var(--color-background);flex-shrink:0}.timeline__description,.timeline__timespan{color:var(--color-grey);font-size:var(--font-size-sm)}.timeline__title{font-size:var(--font-size-rg);margin-bottom:0}.skill{animation:fadeInUp;animation-duration:.5s;animation-fill-mode:both;aspect-ratio:1/1}.skill:nth-child(2){animation-delay:50ms}.skill:nth-child(3){animation-delay:75ms}.skill:nth-child(4){animation-delay:.1s}.skill:nth-child(5){animation-delay:125ms}.skill:nth-child(6){animation-delay:.15s}.skill:nth-child(7){animation-delay:175ms}.skill:nth-child(8){animation-delay:.2s}.skill:nth-child(9){animation-delay:225ms}.skill:nth-child(10){animation-delay:.25s}.skill:nth-child(11){animation-delay:275ms}.skill:nth-child(12){animation-delay:.3s}.skill:nth-child(13){animation-delay:325ms}.skill:nth-child(14){animation-delay:.35s}.skill:nth-child(15){animation-delay:375ms}.skill:nth-child(16){animation-delay:.4s}.skill:nth-child(17){animation-delay:425ms}.skill:nth-child(18){animation-delay:.45s}.skill:nth-child(19){animation-delay:475ms}.skill:nth-child(20){animation-delay:.5s}.skill:nth-child(21){animation-delay:525ms}.skill:nth-child(22){animation-delay:.55s}.skill:nth-child(23){animation-delay:575ms}.skill:nth-child(24){animation-delay:.6s}.skill:nth-child(25){animation-delay:625ms}.skill:nth-child(26){animation-delay:.65s}.skill:nth-child(27){animation-delay:675ms}.skill:nth-child(28){animation-delay:.7s}.skill:nth-child(29){animation-delay:725ms}.skill:nth-child(30){animation-delay:.75s}.skill:nth-child(31){animation-delay:775ms}.skill:nth-child(32){animation-delay:.8s}.skill:nth-child(33){animation-delay:825ms}.skill:nth-child(34){animation-delay:.85s}.skill:nth-child(35){animation-delay:875ms}.skill:nth-child(36){animation-delay:.9s}.skill:nth-child(37){animation-delay:925ms}.skill:nth-child(38){animation-delay:.95s}.skill:nth-child(39){animation-delay:975ms}.skill:nth-child(40){animation-delay:1s}.skill:nth-child(41){animation-delay:1025ms}.skill:nth-child(42){animation-delay:1.05s}.skill:nth-child(43){animation-delay:1075ms}.skill:nth-child(44){animation-delay:1.1s}.skill:nth-child(45){animation-delay:1125ms}.skill:nth-child(46){animation-delay:1.15s}.skill:nth-child(47){animation-delay:1175ms}.skill:nth-child(48){animation-delay:1.2s}.skill:nth-child(49){animation-delay:1225ms}.skill:nth-child(50){animation-delay:1.25s}.skill:hover{cursor:pointer;outline:1px solid var(--color-grey)}.skill__category{line-height:.5;right:var(--grid-gutter-sm)}.skill__category,.skill__rating{position:absolute;top:var(--grid-gutter-sm)}.skill__rating{left:var(--grid-gutter-sm);line-height:1}.skill__icon svg{height:var(--icon-size-lg);width:var(--icon-size-lg)}.skill--stats .skill__icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.skill__grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));justify-content:center}.input{display:flex;flex-direction:column;gap:var(--grid-gutter-xs)}.input__label{color:var(--color-grey);font-size:var(--font-size-sm)}.input input,.input textarea{background:none;border:1px solid var(--color-border);color:var(--color-white);font-family:inherit;font-size:var(--font-size-rg);padding:var(--grid-gutter-sm)}.input input:active,.input input:focus,.input textarea:active,.input textarea:focus{outline:1px solid #fff}.form{display:flex;flex-direction:column;gap:var(--grid-gutter-sm)}.form button{margin-top:var(--grid-gutter)}