:root{--prim-bg-color:#111827;--text-color:#fcfafa;--link-color:var(--text-color);--highlight-color:var(--text-color);--sec-color:#9c9b94;--body-font-size:18px;--h1-font-size:24px;--h2-font-size:48px;--h2-mobile-font-size:42px;--sec-font-size:14px}@font-face{font-family:sofia;src:url(/fonts/sofiapro-light.otf)}@font-face{font-family:inter;src:url(/fonts/Inter_28pt-ExtraLight.ttf)}@font-face{font-family:taviraj;src:url(/fonts/Taviraj-Medium.ttf)}*{line-height:1.4em;text-decoration:none}body{margin:0;padding:0;font-family:sofia,serif;font-weight:300;font-style:normal;font-size:var(--body-font-size);color:var(--text-color);background-color:var(--prim-bg-color);display:flex;justify-content:center;align-items:center}h1{font-family:taviraj,serif;font-weight:500;font-style:normal;font-size:var(--h1-font-size);text-decoration:none;margin-bottom:60px;margin-top:34px}h1 a,h1 a:hover{text-decoration:none;border:0}h2{font-family:inter,serif;font-weight:200;font-optical-sizing:auto;font-style:normal;font-size:var(--h2-font-size);letter-spacing:-.015em}a{color:var(--link-color);border-bottom:dotted var(--text-color)1px}a:hover{border-bottom:solid var(--text-color)1px;color:var(--highlight-color)}img{float:left;border-radius:50%;overflow:hidden;width:64px;height:64px;margin-right:10px}ul{list-style-type:none;margin:25px 0 0;padding:0}li{margin-bottom:25px}.content{width:70%;max-width:700px;padding:50px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,30%));gap:20px;margin:40px 0}@media only screen and (max-width:768px){.project-grid{grid-template-columns:repeat(auto-fit,minmax(160px,45%));justify-content:center;margin:0}}.project-grid .project-card{position:relative;background:rgba(255,255,255,5%);border-radius:6px;padding:20px 20px 10px;transition:transform .2s,background-color .2s;cursor:pointer}@media only screen and (max-width:768px){.project-grid .project-card{padding:20px 10px 10px}}.project-grid .project-card:hover{transform:translateY(-2px);background:rgba(255,255,255,8%)}.project-grid .project-card .project-type{position:absolute;top:0;right:16px;height:24px;line-height:24px;background:rgba(255,255,255,.15);color:rgba(255,255,255,.7);padding:0 8px;font-size:12px;border-radius:0 0 4px 4px;letter-spacing:.5px}.project-grid .project-card .project-link{position:absolute;top:0;left:0;right:0;bottom:0;border:none}.project-grid .project-card .project-link:hover{border:none}.project-grid .project-header{display:flex;align-items:flex-end;align-items:flex-start;gap:8px;margin-top:16px;margin-bottom:12px}.project-grid .project-header .project-emoji{font-size:20px;line-height:1;display:flex;align-items:flex-start}.project-grid .project-header .project-title{font-family:inter,serif;font-weight:200;font-optical-sizing:auto;font-style:normal;font-size:18px;letter-spacing:-.015em;line-height:1.5rem;color:var(--text-color)}.project-grid .project-description{color:var(--sec-color);margin-bottom:8px;font-size:14px;line-height:1.4}.project-grid .project-date{color:var(--sec-color);font-size:12px}@media only screen and (max-width:768px){[class*=content]{width:90%;padding:20px}h2{font-size:var(--h2-mobile-font-size)}}