@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
body {
  background-color: #191919;
  color: white;
  font-family: sans-serif;
	justify-content: center;
	align-items: center;
}

a {
	color: #fff;
	font-size: 2em;
	text-decoration: none;
	display: inline-block;
	position: relative;
	font-family: 'Dosis', sans-serif;
  transition: background-size 0.5s ease-in-out;
  background-size: 0% 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(#1bc362, #1e9a16);
}

a:hover {
  background-size: 100% 2px;
	color: #e6e6e6;
}

.top_layer {
	animation: jackInTheBox;
	animation-duration: 1s;
	height: 60px;
	background-color: inherit;
	color: #cdcdcd;
}

.bottom_layer {
	animation: fadeInLeft;
	animation-duration: 2s;
	bottom: 5px;
	margin-left: 15px;
	position: absolute;
	color: #777777;
}

.top_layer-inner {
	margin-left: 25%;
	margin-right: 25%;
	padding: 5px;
	text-align: center;
}

.top_layer-inner li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}