body{
  background:#ffd6e7;   /* LIGHT PINK BACKGROUND */
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
}

/* HOT PINK TEXT */
h1,h2{
  color:#ff1493;
}

/* bowl container */
.bowl{
  position:relative;
  width:420px;
  height:320px;
  margin:40px auto;
}

/* top rim */
.rim{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:80%;
  height:45px;
  border-radius:50%;
  border:6px solid rgba(255,255,255,0.9);
  background:rgba(255,255,255,0.4);
}

/* glass shape */
.glass{
  position:absolute;
  top:20px;
  left:50%;
  transform:translateX(-50%);
  width:90%;
  height:260px;
  border-radius:0 0 220px 220px;
  border:8px solid rgba(255,255,255,0.85);
  background:rgba(255,255,255,0.25);
  overflow:hidden;
}

/* water */
.water{
  position:absolute;
  bottom:10px;
  left:50%;
  transform:translateX(-50%);
  width:90%;
  height:78%;
  border-radius:0 0 200px 200px;
  background:linear-gradient(#6cc3f5,#2f9edc);
  overflow:hidden;
}

/* base */
.base{
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:70%;
  height:40px;
  border-radius:50%;
  border:6px solid rgba(255,255,255,0.9);
  background:rgba(255,255,255,0.4);
}

/* bubbles */
.bubble{
  position:absolute;
  bottom:-20px;
  background:rgba(255,255,255,0.8);
  border-radius:50%;
  animation:rise linear infinite;
}

@keyframes rise{
  from{
    transform:translateY(0);
    opacity:1;
  }
  to{
    transform:translateY(-320px);
    opacity:0;
  }
}