h1 {
	font-size: 40px;
	position: absolute; left: 0px;
	color: purple;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  position: fixed;
  top: 0;
  overflow: hidden;
  background-image: linear-gradient(to bottom right, red, purple);
}

li a {
  display: block;
  color: white;
  font-family: "Times New Roman", Times, serif;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
  float: left;
}

li a:hover {
  background-color: purple;
}