body{margin:0;padding:0}main{font-family:Roboto,sans-serif;padding:0;width:80%;height:100vh;margin:0 auto}p{line-height:1.5;color:#000}a,p{font-size:1.2rem}a{text-decoration:none;color:black}a:hover{text-decoration:underline}.header-nav{font-family:Times New Roman,Times,serif;display:flex;flex-direction:row;flex-wrap:wrap}.header-nav-bar{width:100%;padding:2.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;@media (max-width:768px){flex-direction:column;align-items:center}}.nav-heading{text-align:center;font-size:2rem;font-weight:500;color:black;text-decoration:none}.nav-heading:hover{text-decoration:underline}.header-nav-list{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between;gap:3rem;@media (max-width:768px){align-items:center;gap:2rem}}.divider{width:100%;height:1px;margin:0;background-color:#000;border-color:transparent;border-width:0}.header-divider{margin-bottom:2.5rem}.footer-divider{margin-top:2.5rem}.homepage-section{text-align:center;margin:0 auto}.homepage-heading>h1{font-size:2rem;margin:0 0 1rem}.homepage-heading>em{font-size:1.5rem}.homepage-section>p{font-size:1.2rem;margin:0}.homepage-avatar{width:200px;height:200px;border-radius:50%;margin:2rem auto}.about-section{margin:0 auto;display:flex;gap:2.5rem;@media (max-width:600px){flex-wrap:wrap}}.bio-photo{max-width:400px;@media (max-width:600px){max-width:100%}}.about-portfolio-link{text-decoration:underline;color:blue}.footer{overflow:hidden}.footer-content{text-align:center;font-size:.9rem;color:gray;margin:2.5rem 0;display:flex;justify-content:space-between}.footer-links{display:flex;gap:1rem}.footer-icon{width:24px;height:24px}.portfolio-heading{text-align:center;font-size:2rem}.portfolio-heading>h1{margin:0}.portfolio-projects{display:flex;flex-wrap:wrap;margin-top:30px;row-gap:2rem}.portfolio-project{display:flex;column-gap:2.5rem;@media (max-width:600px){flex-wrap:wrap}}.portfolio-accordion-summary{height:100px;>.MuiAccordionSummary-content{align-items:center;column-gap:1rem}@media (max-width:600px){height:auto}}.accordion-summary-icon{width:40px;display:block}.accordion-summary-paragraph{margin:0}.project-title{font-weight:600;text-shadow:1px 1px 2px lightgray}.project-technologies{font-size:16px;font-style:italic}.portfolio-project-image{max-width:800px;@media (max-width:600px){max-width:100%}}