#top-navbar{display:flex;justify-content:space-around}body{background-color:#f7f9fc;font-family:Arial,sans-serif}main{max-width:800px;margin:4rem auto;padding:2rem 2.5rem;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000000d;line-height:1.6}h1{text-align:center;margin-bottom:1.5rem}body{font-family:Poppins,sans-serif}h1,h2,h3,.project-title a{font-family:Raleway,sans-serif;letter-spacing:.5px}.about-me p{margin-bottom:1.5rem}.profile-pic{width:250px;height:250px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 1rem}.resume{display:flex}@media (max-width: 600px){main{margin:1.5rem auto;padding:1rem}h1{font-size:1.4rem}.profile-pic{width:160px;height:160px}.resume{flex-direction:column}}h1{text-align:center;margin-bottom:2rem;font-family:Times New Roman,Georgia,serif;color:#1f1f1f}.project-list{list-style:none;padding:0;margin:0 auto;max-width:1100px}.project{border-bottom:1px solid #e5e5e5;padding-bottom:2rem;margin-bottom:2rem}.project-title{text-align:center;font-size:1.6rem;margin-bottom:1.2rem}.project-title a{text-decoration:none;color:#1f1f1f;border-bottom:2px solid transparent;transition:all .25s ease}.project-title a:hover{color:#1f6fff;border-bottom:2px solid #1f6fff}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1.5rem;align-items:start}.app-pic{width:100%;height:260px;border-radius:12px;object-fit:cover;box-shadow:0 6px 18px #00000014;border:1px solid #e5e5e5}.project-content p{font-family:Arial,sans-serif;color:#444;line-height:1.6;margin:0 0 1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none}.tech-tags li{font-size:.85rem;font-weight:600;color:#1f6fff;background:#1f6fff1a;border:1px solid rgba(31,111,255,.2);padding:.35rem .6rem;border-radius:999px}@media (max-width: 900px){.project-grid{grid-template-columns:1fr}.app-pic{height:220px}}.contact-page{display:block!important;flex:0 1 auto!important;align-self:center!important;width:min(700px,calc(100% - 2rem));max-width:700px;margin:4rem auto;padding:2rem;box-sizing:border-box;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0000000d}.contact-page *{max-width:100%;box-sizing:border-box}.main-message{font-size:1.6rem;font-weight:600;color:#222;text-align:center;margin-bottom:2rem;line-height:1.5;max-width:600px}form{display:flex;flex-direction:column;gap:1.2rem;width:100%}label{font-weight:500;color:#333;font-size:.95rem;display:flex;flex-direction:column;gap:.5rem}input,textarea{width:100%;padding:.9rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;background-color:#f9f9f9}input:focus,textarea:focus{border-color:#1f6fff;box-shadow:0 0 0 3px #1f6fff26;background-color:#fff;outline:none}button{background-color:#1f6fff;color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:8px;padding:.9rem 1.2rem;cursor:pointer;transition:background-color .3s ease,transform .1s ease}button:hover{background-color:#155ae0;transform:translateY(-1px)}button:active{transform:translateY(0)}.contact-links{margin-top:2.5rem;display:flex;justify-content:center;align-items:center;gap:1.8rem;font-family:Poppins,sans-serif}.contact-links a{color:#1f6fff;text-decoration:none;font-weight:700;font-size:1.3rem;border:2px solid #1f6fff;border-radius:10px;padding:.8rem 1.6rem;transition:all .25s ease}.contact-links a:hover{background-color:#1f6fff;color:#fff;transform:translateY(-2px);box-shadow:0 6px 14px #1f6fff40}@media (max-width: 600px){.contact-page{width:min(700px,calc(100% - 1.5rem));margin:2rem auto;padding:1.5rem}.main-message{font-size:1.3rem}.contact-links{flex-direction:column;gap:1rem}.contact-links a{width:100%;text-align:center}}#top-navbar{display:flex;justify-content:center;align-items:center;gap:4rem;padding:1rem 0;border-top:3px solid #222;background-color:#fff;position:sticky;top:0}#top-navbar a{text-decoration:none;color:#333;font-weight:600;font-size:1.2rem;transition:color .2s ease,border-bottom .2s ease}#top-navbar a:hover{color:#007bff;border-bottom:2px solid #007bff;padding-bottom:2px}@media (max-width: 900px){#top-navbar{gap:2rem;padding:.75rem .5rem;flex-wrap:wrap}#top-navbar a{font-size:1.05rem}}@media (max-width: 600px){#top-navbar{gap:1rem;padding:.6rem .5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}#top-navbar a{font-size:1rem;flex:0 0 auto;padding:.25rem .1rem}}