.header{display:flex;justify-content:space-around;height:400px;background:linear-gradient(650deg,#292828 50%,#c6c7c7 50%);align-items:center}.intro{text-align:center;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;color:#242121}.intro span{font-family:cursive}img{height:320px;width:270px;border-radius:250px;margin-left:30px}nav ul{list-style-type:none;padding:0;margin:0;display:flex;top:10px}nav ul li:last-child a{background-color:#ff0;border-radius:5px;color:#242121}nav ul li:last-child a:hover{background-color:#f3e9e9;border-radius:5px;color:#242121}nav ul li a{color:#fff;text-decoration:none;padding:10px 20px;display:block;cursor:pointer}nav ul li a:hover{background-color:#575757;border-radius:4px}@media (max-width: 600px){nav{display:none}.header{flex-direction:column-reverse;background:#c6c7c7;height:250px;gap:0px}img{height:150px;width:120px;border-radius:90px;margin-left:0;margin-bottom:-20px}.intro{font-size:10px}}.title{display:block;text-align:center;border:2px solid black;padding:10px 25px;margin:70px auto 20px;border-radius:8px;width:fit-content}.title h2{margin:0;color:#333}.aboutMe{width:auto}.aboutMe p{font-size:20px;font-weight:500;text-align:justify;line-height:25px;color:#302f2f}.desc{display:flex;justify-content:space-around}.develop,.maintain{width:400px}.develop h2,.maintain h2{font-size:25px;margin-bottom:-10px;color:#302f2f}.develop p,.maintain p{color:#302f2f;font-size:18px}@media (max-width: 600px){.desc{gap:25px;text-align:justify}}.skill-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;justify-items:center;padding:20px}.skill{text-align:center}.skill p{margin-top:10px;font-size:1em;color:#333}.skill svg{font-size:3em}@media (max-width: 600px){.skill-container{padding:0}}.project_list{display:flex;justify-content:space-between;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:10px;padding:10px;font-size:18px;text-align:left;align-items:center;color:#302f2f}.protect-title{margin-left:8%}.protect-title:hover{font:900}.toggle-icon{margin-right:15%;font-size:1.5em;cursor:pointer}.toggle-icon:hover{color:#050505;font-size:2em;font:bolder}.project_details{margin-left:10%;margin-right:10%;padding-left:5%;padding-right:5%;padding-bottom:1%}.project_details p{margin:10px}.project-link{display:flex;justify-content:space-between;text-align:left;gap:50px}@media (max-width: 600px){.project-link{flex-direction:column;gap:5px}}.education-container{text-align:center}.education-list{display:flex;flex-direction:column;align-items:center}.education-item{display:flex;flex-direction:column;background-color:#fff;margin:10px 0;border-radius:8px;box-shadow:0 0 10px #0000001a;width:100%;text-align:left}.education-detail{margin:5px 0;font-size:1em;color:#333;width:250px;justify-content:flex-start}.edu-dis{display:flex;justify-content:space-between;align-items:center;margin-left:100px}@media (max-width: 600px){.edu-dis{margin-left:30px;flex-direction:column}}.contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;width:100%;max-width:400px;margin:0 auto}.contact-form h2{margin-bottom:20px;color:#333}.contact-form form{width:100%;display:flex;flex-direction:column}.contact-form label{margin-bottom:5px;font-weight:700;text-align:left}.contact-form input,.contact-form textarea{padding:10px;margin-bottom:10px;border:none;border-radius:4px;box-shadow:0 0 20px #0000001a;font-size:1em;width:95%}.contact-form button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1em}.contact-form button:hover{background-color:#0056b3}.contact-form span{display:block;margin-top:0;font-size:10px;color:#666}.social-icons{display:flex;justify-content:center;margin-top:0}.social-icons a{color:#007bff;font-size:2em;margin:0 15px;transition:color .3s}.social-icons a:hover{color:#0056b3}.title-center{text-align:center;margin-left:auto;margin-right:auto}.app{padding:20px}