body{
    background-color: aqua;
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.gif-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gif-container img {
  width: 100px;         /* adjust size as needed */
  height: 100px;
  object-fit: cover;    /* crop the GIF perfectly */
  border-radius: 50%;   /* makes it circular */
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3); /* optional effect */
}
ul{
    text-align: left;
    font-size: 20px;
}
footer {
  padding: 20px 20px;
  text-align: center;
}
footer a {
  margin: 10px;
  display: inline-block;
  transition: color 0.2s ease, transform 0.2s ease;
}
footer a:hover {
  color: #ffe600;            /* Yellowish hover (or change as you like) */
  transform: scale(1.1);
}

footer a:hover i {
  color: #ffe600;            /* Same hover for icon */
}