:root{--bg: #0f172a;--fg: #e5e7eb;--accent: #38bdf8;--dark: #020617}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg)}a{color:var(--accent);text-decoration:none}.navbar{display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo{font-weight:700}.nav-links a{margin-left:1.5rem}.hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero h1{font-size:3rem}.cta{margin-top:1.5rem;padding:.75rem 1.5rem;border:1px solid var(--accent);border-radius:8px}.section{display:flex;flex-direction:column;align-content:center;justify-content:center;max-width:75%;margin:1rem auto;padding:2rem 1.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;list-style:none;padding:0}.skills-grid li{padding:.75rem;border-radius:8px;text-align:center}.project{background:#020617;padding:1.5rem;border-radius:12px;margin:1rem}h2{font-size:xx-large;margin:10rem 10rem 2rem}p,a{font-size:x-large;font-weight:700}li{list-style-type:none}#root{max-width:1280px;margin:0 auto;padding:0rem;text-align:center;font-family:Courier New,Courier,monospace;font-weight:400;position:relative}.hero-div{width:100%;text-align:left;margin:1rem}.hero-name{font-size:6rem;font-weight:700}.hero-context{font-size:2rem;position:relative;left:3rem;top:-5rem}.about-title{margin-top:17rem}.about{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;justify-items:stretch;align-items:center}.about-summary{grid-row:span 1;margin:2rem}.about-image{width:30rem;border-radius:100%}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:120px;gap:16px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;justify-items:center;align-items:center;gap:3px}.skills-grid>*:nth-child(3n+2){transform:translateY(50%)}.skills-item{display:flex;aspect-ratio:1/1;width:100%;align-content:center;justify-content:center}.skills-item-div{background-color:#fff0;width:100%;border-radius:8px;transition:background-color .18s}.skills-item-div:hover{background-color:var(--fg);transition:background-color .2s}.skills-item-icon{width:90%;aspect-ratio:1/1;margin-top:2px;transition:width .2s}.skills-item-icon:hover{width:95%}.navbar{position:fixed;top:0;left:0;width:100vw;height:3rem;z-index:6}.logo{height:6em;padding:1.5em;padding-top:.5rem;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cff)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.error{color:red;position:relative;top:10px}.funny{display:flex;align-content:center;justify-content:center}.section-title{font-size:6rem;width:100vw;margin-left:calc(50% - 50vw);transition:background-color .2s}.project{position:relative;display:grid;grid-template-columns:2fr 3fr;width:150%;margin-left:-25%;height:40rem;align-items:center;justify-items:center}.project-details{display:flex;flex-direction:column;align-content:center;justify-content:center;margin:1rem;translate:5% -10%}.project-title{font-weight:bolder;font-size:4rem}.project-links{display:flex;gap:5rem;align-content:center;justify-content:center}.project-visuals{display:flex;flex-direction:column}.project-visuals-1,.project-visuals-2{height:21rem;aspect-ratio:16/9;border-radius:8px;box-shadow:inset;transition:box-shadow .2s,transform .2s}.project-visuals-1{z-index:1;translate:10% 10%}.project-visuals-2{z-index:0;translate:2% -25%}.project-visuals-1:hover,.project-visuals-2:hover{box-shadow:5px 4px 10px 5px #00000072;transform:translateY(-3%)}.project-visuals-2:hover{box-shadow:-6px 4px 10px 5px #0000005e}