:root{--bg-color:#f2e8b6;--text-color:#1a1a1a;--accent-color:#b7f889;--accent-color-2:#d6bd42;--font-primary:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.dark{--bg-color:#4a1919;--text-color:#eee8cd;--accent-color:#8e2f2f}body,html{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-primary);padding:60px 16%;margin:0;position:relative;min-height:100vh}html:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(/bg.jpg) repeat;background-size:auto;mix-blend-mode:overlay;opacity:.3;pointer-events:none;z-index:-1}@media (max-width:1145px){body,html{padding:40px 8%}}.navbar{padding:0;display:flex;justify-content:space-between;align-items:center}.navbar-title{text-align:center;font-size:1.8rem;color:var(--text-color);margin:0}.icon-set{display:flex;gap:15px}.icon{color:var(--text-color);font-size:1.4rem}.icon:hover{color:var(--accent-color-2);cursor:pointer;transition:color .3s ease}.toggle-button{background:none;border:none;cursor:pointer;padding:0}@media (max-width:750px){.navbar{flex-direction:column}.navbar-title{font-size:1.4rem}.icon-set{margin-top:10px}.icon{font-size:1.2rem}}.intro-section{padding:20px 0}.intro-text{font-size:1rem;color:var(--text-color);font-weight:500;line-height:1.6;margin:0 auto}@media (max-width:750px){.intro-text{text-align:center}}.project-heading{font-size:1.6rem;color:var(--text-color);margin:0 0 10px}@media (max-width:750px){.project-heading{text-align:center;font-size:1.2rem}}.project-card{border-top:1px solid var(--text-color);padding:20px 10px}.project-card a{text-decoration:none;color:inherit;display:block}.project-card:hover{background-color:var(--accent-color);transition:background-color .3s ease;cursor:pointer}.project-title,.tags,.year{margin:0}.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:4px 10px;border:1px solid var(--text-color);border-radius:9999px}.footer,.tag{font-size:.9rem}.footer{text-align:center;padding:20px 0 0}