ul{
  margin:0;
  padding:0;
  height: 42%;
}

li{
  margin: 0;
  padding: 0 8px 0 8px;
  display: flex; 

  box-sizing: border-box;
  height: calc(100%/7);

  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%);
  list-style-type:none;
}

li:hover{
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%);
  list-style-type:none;
}

#latest{
  width: 100%;
  height: 58%;

  box-sizing: border-box;

  color: white;
  border: solid white;
  border-width: 2px 0 2px 0;

}

#introduction{
  box-sizing: border-box;
  padding: 2%;
  
  display:flex;
  justify-content: center;

  width: 75%;
  border: white solid;
  border-width: 2px 0 2px 2px;
  color: white;
}