body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{padding:50px;text-align:center}h1{color:#333}p{color:#666}:root{--accent:#9a8686;--accent-dark:#6f5f5f;--accent-soft:#9a86861f;background:#f3f4f6;color:#111827;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*,:after,:before{box-sizing:border-box}body{margin:0}.btn:focus-visible,.project-links a:focus-visible,.submit-button:focus-visible,header a:focus-visible,input:focus,textarea:focus{outline:2px solid #9a8686;outline:2px solid var(--accent);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100vh}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f3f4f6e6;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}header>div{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:960px;padding:.75rem 1rem}header nav{display:flex;gap:1rem}header a{color:#374151;font-size:.9rem;text-decoration:none}header a:hover{color:#6f5f5f;color:var(--accent-dark);text-decoration:none}main{flex:1 1}section{margin:0 auto;max-width:960px;padding:2.5rem 1rem}section h2{position:relative}section h2:after{background:#9a8686;background:var(--accent);border-radius:999px;content:"";display:block;height:3px;margin-top:.5rem;opacity:.6;width:64px}section+section{border-top:1px solid #e5e7eb}section h2{margin-bottom:1.5rem}#about>div{display:flex;flex-direction:column;gap:1.5rem}#about h2{margin-bottom:.2rem;margin-top:.2rem}#about img{border-radius:999px;display:block;margin:0 auto;max-width:100%;width:220px}#about a{color:#111827;text-decoration:none}#about a:hover{text-decoration:underline}.social-links{display:flex;gap:3rem;justify-content:center;margin-top:2.5rem}.social-links img{transition:transform .2s ease}.social-links img:hover{transform:scale(1.1)}#projects article{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;margin-bottom:1rem;padding:1.25rem}#projects article:hover,.project-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-3px)}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;margin-bottom:1rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{box-shadow:0 8px 20px #00000014;transform:scale(1.005)}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:.75rem 0;padding:0}.project-tags li{background:#e3eaf5;border-radius:999px;color:#374151;font-size:.75rem;padding:.15rem .5rem}.dictionary-screenshot,.pokemon-screenshot,.weather-screenshot{display:block;height:auto;margin:0 auto;max-width:600px;width:100%}form{display:block;margin:0 auto;max-width:480px}form>div{margin-bottom:1rem}label{font-size:.9rem}input,textarea{border:1px solid #d1d5db;border-radius:.5rem;font:inherit;padding:.5rem .6rem;width:100%}input:focus,textarea:focus{outline:2px solid #111827;outline-offset:1px}button{align-items:center;background:#111827;border:none;border-radius:.6rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;justify-content:center;padding:.6rem 1.1rem}button:hover{opacity:.9}footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem}footer p{font-size:.85rem;margin:0 auto;max-width:960px}@media (min-width:768px){#about>div{align-items:center;flex-direction:row;justify-content:space-between}#projects article{display:block}}.resume-links{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.btn,.project-links a,.submit-button{align-items:center;background:#9a8686;background:var(--accent);border:1px solid #0000;border-radius:.6rem;color:#fff;display:inline-flex;font-weight:600;justify-content:center;padding:.6rem 1.2rem;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.btn:hover,.project-links a:hover,.submit-button:hover{background:#6f5f5f;background:var(--accent-dark);box-shadow:0 8px 20px #00000014;transform:translateY(-1px)}.btn-secondary{background:#6a5acd}
/*# sourceMappingURL=main.5840fbd5.css.map*/