ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #333333;
  display: flex;
  border-bottom:1px white solid;
}

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

ul li a:hover {
  background-color: #111111;
}
ul li a.active {
  background-color: #04AA6D;
}
li{
  font-family:Lato;
  border-right:1px solid white;
}
h1{
  font-family:lato;
  text-align:center;
}
body{
  margin:0;
  background: radial-gradient(circle at top left, #4b0082, #000033);
}
#UC{
  background-image:linear-gradient(to bottom, #CCFF00, #FFFFFF);
  background-clip:text;
  color:transparent;
}
#main{
  background-image:linear-gradient(to bottom, #CCFF00, #FFFFFF);
  background-clip:text;
  color:transparent;
}
#half{
  width:50%;
}