/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}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;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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px 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:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{scroll-snap-type:y mandatory;background-color:#000;scrollbar-color:rgba(255,255,255,.35) #000;scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35);border-radius:999px;border:2px solid #000}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.55)}body{margin:0;top:0;left:0;color:#fff;background-color:#000;width:100lvw;max-width:100%;position:absolute;display:grid;grid-template-columns:repeat(12,1fr);font-family:Roboto,sans-serif;overscroll-behavior-y:contain}canvas{position:fixed;top:0;left:0}#sectionNav{position:fixed;top:50%;right:clamp(1.5lvh,3lvh,4lvh);transform:translateY(-50%);z-index:100;a:hover,a:focus-visible {background: rgba(255,255,255,.7); box-shadow: 0 0 0 clamp(.15lvh,.25lvh,.4lvh) rgba(255,255,255,.45);} a.active {background: #ffffff; box-shadow: 0 0 0 clamp(.25lvh,.4lvh,.6lvh) #ffffff;}}#sectionNav :is(ul){display:flex;flex-direction:column;gap:clamp(1lvh,1.8lvh,2.4lvh);margin:0;padding:0;list-style:none}#sectionNav :is(a){display:block;width:clamp(.6lvh,1lvh,1.3lvh);height:clamp(.6lvh,1lvh,1.3lvh);border-radius:50%;background:rgba(255,255,255,.3);transition:background-color .25s ease,box-shadow .25s ease}@media (max-width: 768px){#sectionNav{display:none}}section>*{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}section.in-view>*{opacity:1;transform:translateY(0)}section>*:nth-child(1){transition-delay:0s}section>*:nth-child(2){transition-delay:.08s}section>*:nth-child(3){transition-delay:.16s}section>*:nth-child(4){transition-delay:.24s}section>*:nth-child(5){transition-delay:.32s}@media (prefers-reduced-motion: reduce){section>*{opacity:1;transform:none;transition:none}}section{margin:0;scroll-snap-align:start;z-index:99;grid-column:2 / 12;height:100lvh;box-sizing:border-box;padding-top:clamp(4lvh,6lvh,8lvh)}section :is(h1,h2,h3,h4){margin-top:0}section :is(p){font-size:clamp(1.5lvh,2lvh,2.5lvh)}section :is(h1){font-size:clamp(3lvh,8lvh,9lvh)}section :is(h2){font-size:clamp(2.2lvh,4lvh,5lvh)}section :is(h3){font-size:clamp(1.8lvh,3lvh,4lvh)}section :is(h4){font-size:clamp(1.5lvh,2lvh,3lvh)}section :is(li){font-size:clamp(1.2lvh,1.5lvh,2lvh)}section#info :is(p){font-size:clamp(1.6lvh,1lvw + 1.2lvh,2.8lvh);line-height:1.6;max-width:60ch;color:#ffffffd1}section#info :is(h2){margin-bottom:clamp(.5lvh,1.5lvh,2lvh)}section#skills{display:flex;flex-direction:column}section#skills :is(h2){margin-bottom:clamp(1lvh,3lvh,5lvh)}section#skills :is(ul){flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:space-evenly;column-gap:clamp(2lvw,4lvw,6lvw);margin:0;padding:0}section#skills :is(ul) :is(li){font-size:clamp(1.5lvh,2lvw + 2lvh,3.7lvh);list-style-type:none}section.experience .companyName{font-weight:700;font-size:clamp(2.2lvh,5lvw + 4lvh,4.4lvh);margin:0 0 clamp(.3lvh,1lvh,1.5lvh)}section.experience .position{font-size:clamp(2lvh,4lvw + 3lvh,3.7lvh);margin:0 0 clamp(.3lvh,1lvh,1.5lvh)}section.experience .employmentDate{font-style:italic;font-size:clamp(1.8lvh,3lvw + 2lvh,3lvh);color:#fff9;margin:0 0 clamp(1.5lvh,3lvh,4lvh)}section.experience :is(ul){margin:0;padding:0;list-style-type:none;li:last-child {margin-bottom: 0;} li::before {content: ""; position: absolute; left: 0; top: .55em; width: .45em; height: .45em; background: rgba(255,255,255,.55);}}section.experience :is(ul) :is(li){position:relative;max-width:75ch;padding-left:clamp(1.4lvh,2.2lvh,3lvh);margin-bottom:clamp(1lvh,2lvh,2.5lvh);font-size:clamp(1.4lvh,1.2lvw + 1.2lvh,2.6lvh);line-height:1.5;color:#ffffffd9}section#education :is(h3){margin-bottom:clamp(.3lvh,1lvh,1.5lvh)}section#education .institution{margin-bottom:clamp(.3lvh,1lvh,1.5lvh)}section#education .graduationDate{font-style:italic;color:#fff9;margin-bottom:clamp(1.5lvh,3lvh,4lvh)}section#education :is(p){font-size:clamp(1.6lvh,1lvw + 1.2lvh,2.8lvh);line-height:1.6;max-width:65ch;color:#ffffffd9}section#contact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(3lvh,5lvh,8lvh)}section#contact :is(h2){margin:0}section#contact :is(ul.contactLinks){display:flex;justify-content:center;gap:clamp(3lvh,3lvw + 2lvh,7lvh);list-style-type:none;padding:0;margin:0;a:link,a:visited {display: flex; align-items: center; justify-content: center; width: clamp(7lvh,5lvw + 7lvh,13lvh); height: clamp(7lvh,5lvw + 7lvh,13lvh); border-radius: 50%; border: clamp(.15lvh,.3lvh,.5lvh) solid white; color: white; text-decoration: inherit; transition: transform .2s ease,background-color .2s ease,color .2s ease;} a:hover,a:focus-visible {background-color: white; color: black; transform: scale(1.12);} svg {width: 55%; height: 55%;}}@media (max-width: 768px){section#skills ul{grid-template-columns:1fr}}