:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;height:100%;width:100%;margin:0;color-scheme:light dark;color:#000;background-color:silver;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#000;text-decoration:inherit}a:hover{color:#00f}body{margin:0;height:100vh;background:linear-gradient(135deg,#fff,silver,#fff);display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh}main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2em;flex:1;overflow-y:auto;width:100%;scroll-behavior:smooth}main .content-section{width:69%;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}main .content-section .card{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:1.5em;flex-direction:row}main .content-section .card#about{justify-content:center}main .content-section .card#about .text-block{text-align:justify}main .content-section .card#contact{flex-direction:column;align-items:center;text-align:center}main .content-section .card .text-block{max-width:35em}main .content-section .card .text-block .keyword{font-weight:700}footer{font-size:1rem}h1{font-size:2.2rem;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;display:none}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.vanilla:hover{filter:drop-shadow(0 0 2em rgba(49,120,198,.6666666667))}header{display:flex;flex-direction:column;align-items:center}header .title{font-size:5rem;font-family:Arial,Helvetica,sans-serif;color:#00f}header .subtitle-area{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}header .subtitle-area .subtitle{font-size:2rem;margin-left:1rem;margin-right:1rem;white-space:nowrap;align-self:center;font-family:Arial,Helvetica,sans-serif;color:#000}header .subtitle-area .subtitle:hover,header .subtitle-area .subtitle:focus-visible{color:#000}@media(max-height:700px){header .title{font-size:3rem;line-height:1.2}header .subtitle-area .subtitle{font-size:1.4rem;line-height:1.3}}@media(max-height:480px)and (min-width:560px){header{flex-direction:row;justify-content:space-between;align-items:baseline;width:100%;box-sizing:border-box;padding:.25rem 1.5rem 0;gap:1rem}header .title{font-size:2.2rem;line-height:1.1}header .subtitle-area{justify-content:flex-end;flex-wrap:nowrap}header .subtitle-area .subtitle{font-size:1.1rem;margin-left:.25rem;margin-right:.25rem}}.hover-effect{position:relative;box-sizing:border-box;border-radius:4px;background-color:transparent;transition:background-color .3s ease}.hover-effect:after,.hover-effect:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#00f}.hover-effect:after{transform:scaleX(0);transform-origin:left center;transition:transform .2s ease}.hover-effect:before{opacity:0;transition:none}.hover-effect{display:inline-block;padding:.15em .5em;margin:0 -.5em}.role-glow{position:relative;box-sizing:border-box;border-radius:4px;background-color:transparent;transition:background-color .3s ease}.role-glow:after,.role-glow:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#00f}.role-glow:after{transform:scaleX(0);transform-origin:left center;transition:transform .2s ease}.role-glow:before{opacity:0;transition:none}.role-glow.text-block{padding:.75em 1em;scroll-margin-top:1.5rem}.role-glow.text-block:focus{outline:none}.role-glow.subtitle{padding:.25em .75em}.hover-effect:hover,.hover-effect:focus-visible,.role-glow:hover,.role-glow:focus-visible,.role-glow.role-target{background-color:#fff}.hover-effect:hover:after,.hover-effect:focus-visible:after,.role-glow:hover:after,.role-glow:focus-visible:after,.role-glow.role-target:after{transform:scaleX(1)}body:has(.role-glow--pm:hover) .role-glow--pm:not(:hover),body:has(.role-glow--tech:hover) .role-glow--tech:not(:hover),body:has(.role-glow--pm:focus-visible) .role-glow--pm:not(:focus-visible),body:has(.role-glow--tech:focus-visible) .role-glow--tech:not(:focus-visible){background-color:#fff}body:has(.role-glow--pm:hover) .role-glow--pm:not(:hover):before,body:has(.role-glow--tech:hover) .role-glow--tech:not(:hover):before,body:has(.role-glow--pm:focus-visible) .role-glow--pm:not(:focus-visible):before,body:has(.role-glow--tech:focus-visible) .role-glow--tech:not(:focus-visible):before{opacity:1}@media(prefers-reduced-motion:reduce){.hover-effect,.role-glow,.cta{transition:none}.hover-effect:after,.role-glow:after,.cta:after{transition:none}main{scroll-behavior:auto}}.cta-area{display:flex;flex-direction:column;align-items:center;gap:.5em;margin-top:2.5em;margin-bottom:2em}.cta{display:inline-block;padding:.7em 1.75em;border:2px solid blue;border-radius:4px;background-color:#00f;color:#fff;font-size:1.125rem;font-weight:600;text-align:center;transition:background-color .3s ease,color .3s ease}.cta:hover,.cta:focus-visible{background-color:#fff;color:#00f}.cta:focus-visible{outline:3px solid blue;outline-offset:3px}.cta-alt{margin:0;font-size:.9375rem}.read-the-docs{color:#888}