.hello {
  font-size: 30px;
  color:black;
}

.javaScript30{
	padding: 20px;
	color: white;
	font-size: 15px;
	font-weight: 300px;
	background-color: rgba(0, 0, 0, 0.5);
	margin: 0px;
	width: 200px;
	height: auto;
}


body {
  text-align: center;
  background: #000;
  font-family: helvetica, arial, sans-serif;
  margin: 25px;
  color: #fff;
}

#text {
  margin: auto;
}

.float{
  position: relative;
  animation: wonky 2s infinite, hover 2s infinite;
}

@keyframes hover {
  0% {top: 5px;}
  50% {top: -5px;}
  100% {top: 5px;}
}

/*.float_img{
  position: relative;
  animation: wonky 2s infinite, hover_img 2s infinite;
}

@keyframes hover_img {
  0% {left: 20px;}
  50% {left: -20px;}
  100% {left: 20px;}
}*/

@keyframes wonky {
  0% {transform: rotate(-0.5deg);}
  50% {transform: rotate(0.5deg);}
  100% {transform: rotate(-0.5deg);}
}