body {
  background-color:black;}
  h2{
     font-family: sans-serif;
  text-align: center;
  padding-top: 50px;
  color: #fff;
  }
  
.eyes {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  gap: 15px;
  
}

.seew {
  width: 150px;
  height: 280px;
  background: #fff;
  border-radius: 50%;
  position: relative;

  
}

.seeb {
  width: 50px;
  height: 50px;
  background: black;
  
  border-radius: 50%;
  position: absolute;
  top: 75px;
  left: 50px;
 animation-name: see;
 animation-duration:3s;
 animation-iteration-count: infinite;
 animation-timing-function: ease-in-out;
}


@keyframes see {
  
  0%   { transform: translate(0, 0); }
  25%  { transform: translate(-30px, 20px); }
  50%  { transform: translate(0px, 20px); }
  75%  { transform: translate(20px, 20px); }
  100% { transform: translate(50px, 20px); }
}