@import url('https://fonts.googleapis.com/css2?family=Exo+2&display=swap');

html {
  width: 100%;
  height: 100%;
}

body {
	font-family: 'Exo 2', sans-serif;
	color: white;
	margin-left: 120px;
	margin-right: 120px;
	padding-bottom: 14px;

	background: linear-gradient(-60deg, #22dd44, #666, #23a6d5, #ff66a3);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #39393911;
}

li {
  display: inline;
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #11111122;
}

p {
	margin-top: -7px;
	margin-bottom: -7px;
	word-wrap: break-word;
}

a {
  text-decoration: none;
}