.navbar{display:flex;flex-direction:row;gap:12px;justify-content:center}.navbar>button{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;color:#ccc;border:1px solid rgba(204,204,204,.3333333333);border-radius:3px;background:transparent;padding:10px;cursor:pointer;transition:.2s}.navbar>button:hover{color:#fff;border:1px solid white}.navbar>button[data-selected=true]{box-shadow:0 2px 3px #fff;text-shadow:3px 0 rgba(204,204,204,.1764705882)}html{font-family:Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;height:100dvh;background:radial-gradient(ellipse at bottom,#351b1b,#090a0f);color:#ccc}body{overscroll-behavior-y:none;overscroll-behavior-x:none;margin:0;height:100%}#root{max-width:1000px;margin:0 auto;padding:0 50px;box-sizing:border-box;height:100%;overflow-y:auto;background:#00000080}@media only screen and (max-width: 600px){#root{padding:10px 10px 40px}}#pageroot{display:flex;flex-direction:column;gap:12px;padding-top:12px}a{color:#ccc}.notice{text-align:center;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;color:#aaa}.title-container{display:flex;flex-direction:column;border-bottom:3px double rgba(204,204,204,.3333333333);padding-bottom:12px}.title-container:empty{display:none}.title{color:#fff;text-align:center;font-family:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;font-weight:300;font-size:50px;text-transform:uppercase}@media only screen and (max-width: 600px){.title{font-size:30px}}.title.subtitle{font-size:20px;letter-spacing:1px}@media only screen and (max-width: 600px){.title.subtitle{font-size:12px}}.title span{background:linear-gradient(#fff,#38495a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page{display:flex;flex-direction:column;gap:18px;padding-top:12px;animation:fade .8s}@keyframes fade{0%{opacity:0}to{opacity:100}}.portrait-wrapper{display:flex;justify-content:center}.portrait{border-radius:50%;box-shadow:0 0 5px #ccc5,5px 5px 10px #000;border:3px solid rgba(204,204,204,.3333333333);padding:10px;background:#000;margin:10px 10px 25px}.typewriter{color:#aaa;font-size:smaller;line-height:1.6}.typewriter span:last-child{opacity:0}.typewriter[data-center=true]{text-align:center}.job{display:flex;flex-direction:column;gap:8px}.job-header{display:flex;flex-direction:column;gap:4px}.job-company-duration{font-style:italic}.job-children{margin-top:12px;text-align:left;padding-left:24px}