/* General Styles */
body {  
    font-family: Arial, sans-serif;  
    line-height: 1.6;  
    margin: 0;  
    padding: 0;  
    background-color: #f4f4f4;  
}  
  
header {  
    background: #35424a;  
    color: #ffffff;  
    padding: 20px 0;  
    text-align: center;  
}  
  
nav {  
    background: #35424a;  
    color: #ffffff;  
    padding: 10px 0;  
    text-align: center;  
}  
  
nav ul {  
    list-style: none;  
    margin: 0;  
    padding: 0;  
}  
  
nav ul li {  
    display: inline;  
    margin-right: 10px;  
}  
  
nav ul li a {  
    color: #ffffff;  
    text-decoration: none;  
}  
  
main {  
    padding: 20px;  
    background: #ffffff;  
    margin: 20px auto;  
    max-width: 800px;  
    box-shadow: 0 0 10px rgba(0,0,0,0.1);  
}  
  
section {  
    margin-bottom: 20px;  
}  
  
h2 {  
    color: #35424a;  
    border-bottom: 2px solid #35424a;  
    padding-bottom: 10px;  
}  
  
footer {  
    text-align: center;  
    padding: 20px 0;  
    background: #35424a;  
    color: #ffffff;  
}  

/* Research Section */
#research img {  
    max-width: 100%;  
    height: auto;  
    display: block;  
    margin: 10px 0;  
}  
  
.caption {  
    text-align: center;  
    font-size: 14px;  
    color: #666;  
}  
  
/* Skills Section */
.skills {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
}

.skills a {
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
}

.skills img {
    max-width: 100%;
    max-height: 100%;
}

/* Animations */
@keyframes fadeIn {  
    0% { opacity: 0; }  
    100% { opacity: 1; }  
}  
  
section {  
    animation: fadeIn 2s;  
}