*{
    border: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    position: relative;
}
body{
    background-color: rgb(133, 115, 115);
  
}
.title{
    text-align: center;
    padding: 10px;
    color: beige;
}
.w-eye{
       display: flex;
     justify-content: center;
     align-content: center;
     gap: 20px;
}
.white-eye{
  width: 250px;
  height: 400px;
  background-color: white;
  border-radius: 60px;
 gap: 20px;
box-shadow: 1px 2px 10px ;

}
.b-black{
    position: absolute;
}
.black-eye{
    background-color: black;
    width: 80px;
    height: 130px;
    border-radius: 40px;
    margin: 20px;
    margin-top: 110px;
   animation-name: move;
   animation-duration: 1s;
   animation-iteration-count: infinite;
}
@keyframes move {
    0%,100%{
        transform: translate(0px,0px);
    }
    50%{
        transform: translate(100px,0px);
    }
}