body {
   font-family: Arial, sans-serif;
   margin: 0;
   padding: 0;
   text-align: center;
}
header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 20px;
   background-color: #f5f5f5;
   border-bottom: 2px solid black;
}
.logo img {
   width: 60px;
   height: 60px;
}
nav ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   display: flex;
}
nav ul li {
   margin: 0 10px;
}
nav ul li a {
   text-decoration: none;
   color: black;
   font-weight: bold;
}
.social-icons img {
   width: 30px;
   height: 30px;
   margin: 0 5px;
}
main {
   padding: 20px;
}
footer {
   padding: 10px;
   background-color: #f5f5f5;
   border-top: 2px solid black;
}
footer nav ul {
   justify-content: center;
   display: flex;
   padding: 10px 0;
}
footer nav ul li {
   margin: 0 10px;
}



body {
 font-family: Arial, sans-serif;
 text-align: center;
 background-color: #f9f9f9;
}
.team-container {
 display: flex;
 justify-content: center;
 gap: 30px;
 flex-wrap: wrap;
 margin-top: 30px;
}
.person {
 background-color: #fff;
 border: 2px solid #ddd;
 border-radius: 10px;
 padding: 15px;
 width: 120px;
 box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
 transition: transform 0.2s;
 cursor: pointer;
}
.person:hover {
 transform: scale(1.05);
}
.icon {
 font-size: 50px;
}
.name {
 margin-top: 10px;
 font-weight: bold;
}
.reason {
 margin-top: 5px;
 font-size: 12px;
 color: #555;
 display: none;
}