body{
  margin: 0;
  padding: 0;
  font-family: Trebuchet MS;
  background-color: black;
  overflow:hidden;
}

div{
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
  font-size: 8em;
  mix-blend-mode: color-burn;
color: black;
z-index: 3;
}

.circle{
position: absolute;
width: 50vw;
height: 50vw;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-color: #008bff;
border-radius: 50vw;
animation: rise 15s cubic-bezier(0,.41,1,.42) infinite;
}

@keyframes rise{
0% {
bottom:105vw;
} 100% {
bottom: -50vw;
}
}