body {
  margin: 0;
  padding: 0;
  /* background: #FF9B93; */
  background: #ff7171;
}
h1 {
  font-family: 'Ranchers', cursive;
  color: #fff;
  font-size: 2.5em;
  text-align: center;
}

.text-container{
  margin: 60px;
}

#face {
  top: 10%;
  width: 50vw;
  height: 50vw;
  margin: 0 auto;
  position: relative;
  background: #fae0df;
  margin-top: 2rem;
  border-radius: 50%;
  display: flex;
}

.eye {
  width: 12vw;
  height: 12vw;
  background: #fff;
  display: inline-block;
  margin: 10px;
  border-radius: 50%;
  position: absolute;
  overflow: hidden;
  top: 25%; 
}
#leftEye { 
  left: 50%;
}
#rightEye { 
  right: 50%; 
 }

.ball {
  width: 8vw;
  height: 8vw;
  background: #9fd8df;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}