@import url(https://fonts.googleapis.com/css?family=Montserrat);
 body {
	 position: relative;
	 width: 100%;
	 height: 100vh;
	 font-family: Montserrat;
   background-color: black;
}

.container {
  height: 30vh;
  width: 99vw;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
 .wrap {
	 position: absolute;
	 top: 40%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}
 .text {
	 color: #fff;
     font-size: 30px;
	 display: inline-block;
	 margin-left: 5px;
}
 .bounceball {
	 position: relative;
	 display: inline-block;
	 height: 37px;
	 width: 15px;
}
 .bounceball:before {
	 position: absolute;
	 content: '';
	 display: block;
	 top: 0;
	 width: 15px;
	 height: 15px;
	 border-radius: 50%;
	 background-color: #fff;
	 transform-origin: 50%;
	 animation: bounce 500ms alternate infinite ease;
}
 @keyframes bounce {
	 0% {
		 top: 30px;
		 height: 5px;
		 border-radius: 60px 60px 20px 20px;
		 transform: scaleX(2);
	}
	 35% {
		 height: 15px;
		 border-radius: 50%;
		 transform: scaleX(1);
	}
	 100% {
		 top: 0;
	}
}
 