body{margin:0;padding:0;background:var(--bg);color:var(--fg);min-height:100vh;overflow-x:hidden}tr>td{padding-bottom:2rem}a{color:var(--secondary);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:rgba(150,150,150,.3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgba(150,150,150,.6)}@media(prefers-color-scheme: light){:root{--fg: #0b0d1e;--bg: #f7f8fd;--primary: #191679;--secondary: #8675f0;--accent: #260bef;--inverted: 0}}@media(prefers-color-scheme: dark){:root{--fg: #e0e2f4;--bg: #020309;--primary: #8a86e9;--secondary: #1f0f8a;--accent: #2a0ff4;--inverted: 0}}#hero{position:absolute;left:50%;top:50%;font-size:4rem;translate:-50% -50%;text-align:center}:root{--rx: 0deg;--ry: 0deg}.card-wrapper{position:absolute;transform-style:preserve-3d;perspective:1000px;z-index:-1;width:14vw;height:14vw}@media only screen and (max-width: 1000px){.card-wrapper{width:22vw;height:22vw}}@media only screen and (max-width: 600px){.card-wrapper{width:32vw;height:32vw}}.card-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-out;transform:rotateY(var(--ry)) rotateX(var(--rx))}nav{position:absolute;top:0;width:80vw;display:flex;gap:4rem;justify-content:space-between;margin:1rem}nav a{color:var(--fg);font-size:2.5rem;font-family:serif}.transition-main{transition-duration:.12s;transition-property:opacity,transform;transition-timing-function:ease-in-out}html.is-animating .transition-main{opacity:0}main{max-width:50vw;margin:10rem auto 0 auto}@media only screen and (max-width: 1000px){main{max-width:80vw}}