:root{--font-family:"OblivionFont", sans-serif;--font-color:#e8e6e3;--background-gradient:radial-gradient(circle at center, #c61aff, #4e0066)}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:var(--font-family);color:var(--font-color);background:var(--background-gradient);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;overflow-x:hidden}main{text-align:center;place-items:center;height:auto;min-height:100vh;padding:1rem;display:grid}.home{flex-direction:column;justify-content:center;align-items:center;width:min(48rem,100%);min-height:82vh;display:flex;position:relative}.home-header{position:absolute;top:0;left:50%;transform:translate(-50%)}.resume-link{color:var(--font-color);letter-spacing:.04em;opacity:.9;font-size:1rem;text-decoration:none;transition:opacity .15s ease-in-out,transform .15s ease-in-out}.resume-link:hover,.resume-link:focus-visible{opacity:1;transform:translateY(-1px)}.resume-main{text-align:left;padding:3.5rem 1rem 2rem;display:block}.resume-page{width:min(48rem,100%);margin:0 auto}.resume-page-header{margin-bottom:1.5rem}.resume-page-header nav{justify-content:center;margin-bottom:1.5rem;display:flex}.resume-page-header h1{margin-bottom:.5rem;font-size:clamp(1.8rem,2.8vw,2.4rem)}.resume-intro{opacity:.9;max-width:60ch;line-height:1.45}.resume-section h2{opacity:.95;margin-bottom:.8rem;font-size:1.2rem}.resume-cards{gap:.9rem;display:grid}.resume-card{backdrop-filter:blur(2px);background:#1204184d;border:1px solid #e8e6e338;border-radius:.8rem;padding:1rem 1rem .9rem}.tilt-card{--tilt-x:0;--tilt-y:0;--glare-x:50%;--glare-y:20%;transform-style:preserve-3d;will-change:transform;transform:perspective(900px) rotateX(calc(var(--tilt-y) * -8deg)) rotateY(calc(var(--tilt-x) * 10deg)) translateY(-1px);transition:transform .18s,box-shadow .22s,border-color .22s;position:relative;box-shadow:0 10px 28px #00000038,0 2px 8px #0000002e}.tilt-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(220px circle at var(--glare-x) var(--glare-y), #ffffff38, #fff0 60%);mix-blend-mode:screen;opacity:.8;position:absolute;inset:0;transform:translateZ(24px)}.tilt-card:hover{border-color:#e8e6e361}.resume-card-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.35rem;display:flex}.resume-workplace{font-size:1.1rem}.resume-period,.resume-meta,.resume-description{opacity:.92}.resume-period,.resume-meta{font-size:.93rem}.resume-meta{margin-bottom:.45rem}.resume-title{font-weight:600}.resume-description{margin-bottom:.55rem;line-height:1.45}.resume-highlights{gap:.2rem;list-style-position:inside;display:grid}.resume-highlights li{line-height:1.4}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){main{padding:.25rem}.resume-main{padding:3rem .75rem 1.5rem}.resume-card{padding:.85rem}}@media (hover:none),(pointer:coarse){.tilt-card{transition:border-color .18s;transform:none}.tilt-card:before{opacity:.45}}@media (prefers-reduced-motion:reduce){.tilt-card{transition:none;transform:none}.tilt-card:before{display:none}}.title{opacity:.8;font-size:1.5rem}.emoji{cursor:pointer;background:0 0;border:none;margin:1rem;font-size:2rem;animation:2s infinite pulse}.social-links-wrapper{justify-content:center;width:100%;display:flex}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-links a{color:var(--font-color);transition:transform .1s ease-in-out,opacity .1s}.social-links a:hover{opacity:.8;transform:scale(1.1)}.game{width:100%;height:100vh;position:relative;overflow:hidden}.player{font-size:2.5rem;transition:left .1s linear;position:absolute;bottom:2rem;transform:translate(-50%)}.bullet{font-size:1.5rem;position:absolute;transform:translate(-50%)}.name,.title,.social-links-wrapper{transition:transform .5s ease-in-out,opacity .5s ease-in-out}.exiting .name,.exiting .title{opacity:0;transform:translate(-100vw)}.exiting .social-links-wrapper{opacity:0;transform:translate(100vw)}.exiting .emoji{animation:.5s ease-in forwards fly-to-bottom}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes fly-to-bottom{0%{opacity:1;transform:translateY(0)scale(1.2)}99%{opacity:1}to{opacity:0;transform:translateY(45vh)}}