:root{--primary:oklch(96.8% .007 247.896);--secondary:oklch(70.4% .04 256.788);--accent:oklch(74.6% .16 232.661);--text-primary:oklch(12.9% .042 264.695);--text-secondary:oklch(44.6% .043 257.281);--text-accent:oklch(70.2% .183 293.541);transition:background-color .5s,color .5s}[data-theme=dark]{--primary:oklch(20% .02 247.858);--secondary:oklch(30% .03 252.894);--accent:oklch(60% .12 232.661);--text-primary:oklch(95% .02 264.695);--text-secondary:oklch(80% .03 257.281);--text-accent:oklch(85% .14 293.541)}html,body{background-color:var(--primary);height:100%;margin:0;padding:0;transition:inherit}h2{color:var(--text-accent);font-family:serif;font-size:xx-large;font-weight:700}#root{width:1024px;min-height:100vh;margin:0 auto}.routes{position:absolute;top:300px;left:380px}.container{position:relative}.hero{background-image:url(/assets/wallpaper-zT2KQmxz.webp);background-position:50%;background-size:cover;border-radius:12px;height:30vh}.avatar{border:1px solid var(--accent);background-image:url(/assets/lauv-Cuy196zn.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:150px;height:150px;margin:24px;transition:border-color .2s,box-shadow .25s;position:absolute;top:160px;box-shadow:0 0 oklch(100% 0 0/0)}.avatar:hover{box-shadow:0 0 18px oklch(100% 0 0/.35)}.intro{width:380px;padding-top:80px}.box{border-inline:6px solid var(--accent);border-radius:12px;padding:6px}h3{color:var(--text-primary);padding-bottom:12px;font-family:serif;font-weight:700}p{white-space:pre-line;color:var(--text-secondary);padding-left:12px}.seperator{background-color:var(--secondary);width:100%;height:2px;display:block}.navigation{padding-top:24px}.nav-list{flex-direction:column;gap:12px;margin:0;padding:0;display:flex}.nav-link{color:var(--text-primary);z-index:0;padding:8px 14px;transition:color .2s;display:inline-block;position:relative}.nav-link:before{content:"";background-color:var(--secondary);transform-origin:0;opacity:0;z-index:-1;border-radius:2px;transition:opacity .2s,transform .2s;position:absolute;inset:0;transform:skew(-18deg)scale(.98)}.nav-link:hover:before,.nav-link.active:before{opacity:1;transform:skew(-18deg)scale(1)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active{-webkit-text-decoration:2px underline var(--accent);text-decoration:2px underline var(--accent);font-size:large}.navigation li{list-style:none}.navigation a{text-decoration:none}.email-link{color:var(--accent);text-decoration:none}