:root{--base: #24273a;--mantle: #1e2030;--text: #cad3f5;--lavender: #b7bdf8;--lavender-alpha: #b7bdf880;--surface0: #363a4f;--surface0-alpha: #363a4fcc;font-family:Fira Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;align-items:center;min-height:100vh}#app{max-width:1280px;margin:0 auto;text-align:center}#personal-logo:hover{filter:drop-shadow(0 0 2em var(--lavender-alpha))}h1{font-size:3rem;color:var(--lavender)}section{margin-top:2.5rem;display:grid;grid-template-columns:repeat(2,fit-content(33%));column-gap:2rem;justify-content:center}.card{display:flex;flex-direction:column;padding:.75rem 1.5rem;border-radius:.5rem;text-align:left;text-decoration:none;color:var(--text);background-color:var(--mantle);border:1px solid transparent}.card:hover{border:1px solid var(--lavender);box-shadow:0 25px 50px -12px var(--lavender-alpha)}.card h2{color:var(--lavender);text-transform:uppercase}.card img{align-self:center}.footer{padding:1rem;margin-top:2rem;width:100%}.footer-link{text-align:center;text-decoration:none;color:var(--text);padding:.5rem 1rem;border-radius:.5rem;background-color:var(--surface0-alpha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-link:hover{background-color:var(--surface0)}@media(max-width:639px){#app{margin:2rem}section{margin-top:5rem;grid-template-columns:1fr;row-gap:1rem}}