body {
  background-color: purple;
}


.ufo {
  position: absolute;
  width: 160px;
  height: 300px;
  background-color: #e0ffff;
  border-radius: 80px;
  top: 220px;
  left: 700px;
  animation: updown infinite ease-in-out 3s;
}

#onderkant {
  position: absolute;
  width: 160px;
  height: 300px;
  background-color: gold;
border-radius: 80px;
  top: 0px;
  left: 0px;
  clip-path: inset(75% 0 0 );

}

#rand {
  position: absolute;
  width: 160px;
  height: 30px;
  background-color: rgb(255, 255, 47);
  top: 200px;
  left: 0px;
  
}

#alien {
  position: absolute;
  width: 100px;
  height: 200px;
  background-color: green;
  border-radius: 50px;
  top: 70px;
  left: 30px;
  clip-path: inset(0 0 35% 0);

}

#oog {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 50px;
  top: 100px;
  left: 50px;

}

#iris {
  position: absolute;
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 80px;
  border-radius: 50px;
  top: 78px;
  left: 55px;
  clip-path: inset(0 0 50% 0);
 
}

#uitsteeksel1 {
  position: absolute;
  font-family: arial, sans-serif;
  font-size: 100px;
 color: gold;
  top: 240px;
  left: 15px;
  clip-path: inset(0 50% 40% 0);
 
}

#uitsteeksel2 {
  position: absolute;
  font-family: arial, sans-serif;
  font-size: 100px;
 color: gold;
  top: 240px;
  left: 85px;
  clip-path: inset(0 0 40% 50%);
 
}

#antenne1 {
  position: absolute;
  font-family: arial, sans-serif;
  font-size: 100px;
 color: green;
  top: 25px;
  left: 5px;
  clip-path: inset(0 0 40% 50%);

}

#antenne2 {
  position: absolute;
  font-family: arial, sans-serif;
  font-size: 100px;
 color: green;
  top: 25px;
  left: 100px;
  clip-path: inset(0 50% 40% 0);
  
}

#bolletje1{
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: green;
  left: 15px;
  top: 55px;
  
}


#bolletje2{
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: green;
  left: 125px;
  top: 55px;

}

#mond {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background-color: darkgreen;
  top: 160px;
  left: 68px;
  clip-path: inset(40% 0 0 0);
 
}

@keyframes updown {
  0% {transform: translateY(0px);}
  50% {transform: translateY(-120px);}
  100% {transform: translateY(0px);}
  
}