@import url('https://fonts.googleapis.com/css?family=Baloo+Paaji|Dosis');

.menu > ul > li{
	float: left;
}

.menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu a{
	text-decoration: none;
	display: block;
	width: 100px;
	color: white;
	font-family: 'Dosis',sans-serif;
	padding: 7px;
}
.menu{
	background-color: #5f5f5f;
	overflow: auto;
}
.menu li ul{
	display: none;
	position: absolute;
}
.menu li:hover > ul{
	display: block;
  background-color: #5f5f5f;
  opacity: 0.95;
  animation-name: menu;
  animation-duration: 0.5s;
}
.menu a:hover{
	background-color: #333333;
}
@keyframes menu {
  from{
    opacity: 0;
  }
  to{
    opacity: 0.95;
  }
}