.primary-btn,.tertiary-btn{outline:0;cursor:pointer;display:inline-block}*,a.logo{margin:0;padding:0}#work,header{padding:0 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--reg:"JetBrains Mono Regular",monospace,sans-serif;--med:"JetBrains Mono Medium",monospace,sans-serif;--bold:"JetBrains Mono Bold",monospace,sans-serif;--border:1px solid #4b4b4b;--primary:#f3be00;--primary-hover:#c59a00;--on-primary:#000;--overlay:#212121;--fade:#9b9b9b}@font-face{font-family:"JetBrains Mono Regular";src:url("../../assets/fonts/JetBrainsMono-Regular.woff2") format("woff2")}@font-face{font-family:"JetBrains Mono Medium";src:url("../../assets/fonts/JetBrainsMono-Medium.woff2") format("woff2")}@font-face{font-family:"JetBrains Mono Bold";src:url("../../assets/fonts/JetBrainsMono-Bold.woff2") format("woff2")}.primary-btn{padding:8px 24px;font-size:1rem;border:none;background-color:var(--primary);transition:background .3s;border-radius:8px;font-family:var(--bold);color:var(--on-primary);text-decoration:none;text-align:center}.nav-bar li a:hover,.tertiary-btn{text-decoration:underline}.primary-btn:hover,.project-description .links a.project-link:hover{background-color:var(--primary-hover)}.nav-bar .close,.tertiary-btn{background:0 0}.tertiary-btn{font-size:.8rem;border:none;color:var(--primary);transition:color .3s}.nav-bar li a,.skill-tag,a.logo,article a.proj-link{text-decoration:none}.skill-tag:hover,.tertiary-btn:hover,article a:hover{color:var(--primary-hover)}.nav-bar li a,a.logo,body{color:#f1f1f1}body{background-color:#121212;font-family:var(--reg)}.blur{width:150px;height:150px;border-radius:100px;filter:blur(6rem);background-color:var(--primary);position:absolute;top:0;left:50%;transform:translate(-50%,0);z-index:-1}.menu,.nav-bar .close{cursor:pointer;outline:0;border:none}.gradient-text{background:linear-gradient(to bottom,#fff 50%,grey 70%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.menu,article pre code{background-color:transparent}.nav-bar li a:hover,.skill-tag,article a{color:var(--primary)}header{width:100%;border-bottom:var(--border)}nav{height:80px;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1024px;margin:auto}.nav-bar,article a.proj-link{background-color:var(--overlay)}.nav-bar{position:fixed;right:-250px;top:0;height:100dvh;width:250px;padding:24px;list-style-type:none;transition:right .3s ease-in-out;z-index:5}.nav-bar li a,.skill-tag,article a{transition:color .3s}.nav-bar.open{right:0}.nav-bar li,article ul li{margin:8px 0}.nav-bar li a{font-size:1.5rem}.nav-bar li a:focus{outline:2px solid var(--primary);outline-offset:4px}.nav-bar .primary-btn{margin-top:16px}article{max-width:700px;margin:32px auto;padding:24px}article .image{width:100%;max-width:700px}article .image img{width:100%;height:100%;border-radius:8px;border:1px solid #7d7d7d5c}article h1{font-size:2rem;margin:16px 0}article p.description{margin-bottom:16px;font-size:1rem;color:var(--fade)}article .proj-links{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.project-description .links,article a.proj-link{align-items:center;display:flex}article a.proj-link{padding:8px 16px;border-radius:4px;color:#f1f1f1;gap:4px;font-size:1.5rem;width:fit-content;border:1px solid var(--fade)}article a.proj-link img{width:24px;margin-right:4px}article h2{margin:32px 0;font-size:1.8rem}article hr{display:none}article h3{margin:24px 0;font-size:1.3rem}article a,article p,article pre,article ul{font-size:1rem}article p{margin:10px 0}article ul{margin-left:32px}article pre{padding:16px;border-radius:8px;background:var(--overlay);line-height:1.5rem}article code{padding:4px;border-radius:4px;background-color:#2f2f2f;white-space:pre-wrap;word-wrap:break-word;line-height:2rem}.project-card{max-width:250px;border-radius:8px;overflow:hidden}.project-card img{width:100%;height:100%;object-fit:cover}.project-image{width:250px;height:250px}.project-description{background-color:#000;padding:16px;width:100%}.project-description .links a{display:inline-block;width:40px;height:40px;padding:8px;background-color:var(--overlay);margin-right:8px;border-radius:35px}.project-description .links a img{width:103%}.project-description h4{margin-top:8px;font-size:1.5rem}#work .primary-btn{margin-top:32px}.section-title{font-size:clamp(1.8rem, 2.5vw, 3rem);text-align:center;line-height:1.6rem;margin:4rem 0}#work{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:32px}.projects{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:32px}.project-description .links a.project-link{background-color:var(--primary);transition:background .3s}.skill-tags{margin:16px 0;display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:4px 12px;border-radius:8px;background-color:var(--overlay)}