body{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#f4f4f9;color:#333}header{background:#333;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;top:0;left:0;z-index:1000;box-sizing:border-box}header h1{margin:0;font-size:1.5rem}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1rem}nav ul li{margin:0}nav ul li a{color:#fff;text-decoration:none;padding:.5rem 1rem;transition:background .3s}nav ul li a:hover{background:#555;border-radius:5px}.menu-button{display:none;background:#000;color:#fff;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;position:relative;margin-left:auto}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background:#fff;color:#333;width:200px;box-shadow:0 2px 4px #0000001a;border-radius:5px;z-index:1000}.dropdown-menu ul{list-style:none;padding:0;margin:0}.dropdown-menu ul li{margin:0}.dropdown-menu ul li a{display:block;padding:.5rem 1rem;color:#333;text-decoration:none;transition:background .3s}.dropdown-menu ul li a:hover{background:#f0f0f0}@media (max-width: 800px){nav ul{display:none}.menu-button{display:block}.dropdown-menu.open{display:block;background-color:gray;color:#fff!important;width:7em;list-style:none;margin-right:1em}.dropdown-menu.open li a :hover{text-decoration:underline}}main{padding-top:5rem}section{padding:2rem;margin:2rem auto;max-width:800px;background:#fff;box-shadow:0 2px 4px #0000001a;border-radius:10px}#about{margin-top:6rem}#skills,#projects,#experience,#education,#contact{margin-top:2rem}h2{margin-top:0;color:#444;font-size:1.5rem}p,li{line-height:1.6}ul{padding-left:1rem}ul li{margin-bottom:.5rem}section#skills ul{display:flex;flex-wrap:wrap;gap:1rem}section#skills ul li{background:#e0e0e0;padding:.5rem 1rem;border-radius:5px}section#projects ul li{margin-bottom:1.5rem}section#projects ul li h3{margin:0 0 .5rem;color:#555}section#contact p{font-size:1.1rem}.about-container{margin-top:2em;display:flex;align-items:center;gap:2rem;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 4px #0000001a}.about-image{box-shadow:0 2px 4px #0000001a;width:100%;max-width:400px;height:auto;border-radius:20% 50%}.about-text{flex:1}.about-text h2{margin-top:0;color:#444;font-size:1.5rem}.about-text p{line-height:1.6;margin-bottom:1rem}.skills-container{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.skills-category{flex:1 1 300px;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.skills-category h3{margin-top:0;color:#444}.skills-category ul{list-style:none;padding-left:0;margin:0}.skills-category ul li{background:#e0e0e0;padding:.5rem;margin-bottom:.5rem;border-radius:5px;color:#333}#projects{padding:2rem;margin:2rem auto;max-width:800px;background:#fff;box-shadow:0 2px 4px #0000001a;border-radius:10px}#projects h2{margin-top:0;color:#444;font-size:1.5rem}.project{margin-bottom:2rem}.project h3{margin-top:0;color:#444;font-size:1.25rem}.project p{margin:.5rem 0;color:#333}.project ul{list-style:none;padding-left:0;margin:.5rem 0}.project ul li{background:#e0e0e0;padding:.5rem;margin-bottom:.5rem;border-radius:5px;color:#333}#experience{padding:2rem;margin:2rem auto;max-width:800px;background:#fff;box-shadow:0 2px 4px #0000001a;border-radius:10px}#experience h2{margin-top:0;color:#444;font-size:1.5rem}.experience-item{margin-bottom:2rem}.experience-item h3{margin-top:0;color:#444;font-size:1.25rem}.experience-item p{margin:.5rem 0;color:#333}.experience-item ul{list-style:none;padding-left:0;margin:.5rem 0}.experience-item ul li{background:#e0e0e0;padding:.5rem;margin-bottom:.5rem;border-radius:5px;color:#333}a{color:#000}a:hover{color:#88ff7f}@media (max-width: 768px){.about-container{flex-direction:column;align-items:center}.about-text{margin-left:0;text-align:center}}