Education

Research Interests

Honors and Awards

Group Gallery

*/ /* General Wrapper for injected content */ #divPost, #articlePost, .main-container { max-width: 1100px; width: 92%; margin: 20px auto; background: white; padding: 25px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.02); } /* For multi-column pages (like index.html usually has divLeft/Middle/Right) */ #divLeft, #divMiddle, #divRight { float: left; /* Keep legacy float support if content uses it */ margin-right: 2%; } /* --- 6. Media Queries (Mobile Optimization) --- */ @media (max-width: 900px) { /* Hide Right Side Social Icons on Tablets/Phones to save space */ .navBarListRight { display: none; } /* Center the main menu */ nav#navBarTop { justify-content: center; padding: 10px; } .navBarListLeft { justify-content: center; gap: 10px; } /* Adjust padding for links */ nav a { padding: 8px 8px; font-size: 15px; } } @media (max-width: 768px) { /* Stack Legacy Divs (Left/Middle/Right) vertically */ #divLeft, #divMiddle, #divRight { float: none; width: 100% !important; margin: 0 auto 20px auto; position: static !important; /* Override legacy absolute pos */ } /* Content Container adjustments */ #divPost, #articlePost { width: 96%; padding: 15px; margin: 10px auto; top: auto !important; left: auto !important; /* Reset legacy positioning */ } /* Footer adjustments */ nav#navBarBottom { flex-direction: column; height: auto; padding: 5px; text-align: center; gap: 2px; } .navBarListLeft, .navBarListRight { justify-content: center; width: 100%; } }

Education

Research Interests

Honors and Awards

Group Gallery