@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&display=swap";:root{--font-main:"JetBrains Mono", monospace;--border:transparent}:root:not([data-theme]){--font-main:"JetBrains Mono", monospace;--border:transparent;--bg:black;--fg:white}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:white;--fg:black}}:root[data-theme=light]{--bg:white;--fg:black}:root[data-theme=dark]{--bg:black;--fg:white}body{background-color:var(--bg);color:var(--fg);padding-inline:4px}h1{font-family:var(--font-main)}.navbar{font-family:var(--font-main);z-index:1000;background-color:var(--fg);justify-content:space-between;margin-bottom:15px;padding:5px;display:flex}.nav-links{gap:10px;display:flex}.nav-links a{opacity:.7}.nav-links a:hover{opacity:1}.nav-links button{all:unset;cursor:pointer;color:#00f;opacity:.6;font:inherit;text-transform:inherit;text-decoration:underline}.nav-links button:hover{opacity:1}main{color:var(--fg);background-color:var(--bg);font-family:var(--font-main)}section{color:var(--bg);background-color:var(--fg);flex-direction:column;gap:3px;margin-block:15px;display:flex}section h1,section p{margin:0}.icon{width:1em;height:1em;transform:translateY(3px)}.section-me{padding:8px;display:flex}.section-projects{color:var(--bg);background-color:var(--fg);flex-direction:column;gap:8px;margin-bottom:15px;padding:8px;display:flex}.section-projects h1{margin:0}.projects-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.project-card{border:1px solid var(--bg);flex-direction:column;gap:8px;min-height:180px;padding:10px;transition:transform .2s,opacity .2s;display:flex}.project-card:hover{transform:translateY(-3px)}.project-index{opacity:.6;font-size:.85rem}.project-card h2{margin:0;font-size:1.1rem;font-weight:600}.project-card p{opacity:.75;margin:0;line-height:1.4}.project-card a{color:inherit;opacity:.75;align-items:center;gap:5px;margin-top:auto;text-decoration:underline;display:inline-flex}.project-card a:hover{opacity:1}.project-card .icon{font-size:1em;transform:translateY(1px)}@media (width<=900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.projects-grid{grid-template-columns:1fr}}.section-socials{padding:8px;display:flex}.section-socials p,.section-socials a{opacity:.75;color:var(--bg)}.section-socials p:hover,.section-socials a:hover{opacity:1}.section-contact{padding:8px;display:flex}.section-contact a{opacity:.75;color:var(--bg)}.section-contact a:hover{opacity:1}