.footer-links{flex-direction:column;align-items:center;display:flex}.footer-links a{color:var(--link)}footer{border-top:1px solid var(--border);font-size:var(--textSize);flex-direction:column;align-items:center;display:flex}footer Link{color:var(--link)}nav{border-bottom:1px solid var(--border);font-size:var(--navText);padding-bottom:1rem;display:flex}.nav-links{gap:2rem;padding-top:1rem;padding-left:2rem;list-style:none;display:flex}.nav-links a{color:var(--text);text-decoration:none}.main-container{flex-direction:column;padding-left:2rem;display:flex}.github-container h1,.whatever-i-want h1{font-size:1.5rem}.whatever-i-want{padding-top:2rem;padding-bottom:2rem}.github-calendar{width:100%;overflow-x:auto}.hero{flex-direction:row;align-items:center;gap:4rem;padding:4rem 2rem;display:flex}.hero-image{flex-shrink:0;width:30%}.hero-image img{object-fit:cover;border-radius:8px;width:100%;height:100%}.hero-bio h1{margin-bottom:1rem;font-size:2.5rem}.hero-bio p{font-size:1.1rem;line-height:1.7}@media (width<=760px){.hero{flex-direction:column}.hero-image{width:100%}.hero-bio h1{font-size:1.8rem}.hero-bio p{font-size:.8rem}}.projects{text-align:left;padding-left:2rem;padding-right:2rem}.projects h1{font-size:var(--headerSize)}.projects-list{font-size:var(--textSize);list-style:none}.projects-list a{color:var(--link)}.projects-list li{padding-bottom:1rem}.form{max-width:100%;padding:1% 4rem 3rem 2rem}.form div{padding-top:1rem}.form input,textarea{resize:none;box-sizing:border-box}.form input{width:60%}.form textarea{width:100%;height:20rem}.modal-container{background:#00000080;justify-content:center;align-items:center;width:100%;height:80%;display:flex;position:fixed;top:0;left:0}.confirm,.basic-modal{background-color:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem}.buttons{gap:.5rem;padding-top:.5rem;display:flex}:root{--bg:#fff;--text:#333;--subtle:#555;--border:#ccc;--input-bg:#f9f9f9;--link:#6e24b3;--textSize:1rem;--headerSize:2rem;--navText:1.3rem}@media (prefers-color-scheme:dark){:root{--bg:#1a1a1a;--text:#eee;--subtle:#aaa;--border:#444;--input-bg:#2a2a2a;--link:#3dc2ff}}@media (width<=760px){:root{--textSize:.8rem;--headerSize:1.6rem;--navText:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:sans-serif;line-height:1.6}
