body {
background-image: url("./media/jedi2.jpg");
background-color: #111127;
background-size: cover;
font-family: Nunito sans;
text-align: center;
font-size: 22px;
color: #fdfdff;
margin: 0 20%;
}

.top {
background: #cccccc;
border: 3px solid #acacac;
border-radius: 10px;
padding: 30px;
margin: 20px 0px;
text-align: center;
}

.footer {
background: #0078ff;
border: 0px solid #acacac;
font-size: 16px;
padding: 20px;
text-align: center;

}

.nunito-sans {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 669;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

ul {
    display: table; 
    margin: 0 auto;
    text-align: left;
}

a:link {
  color: #0078ff;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #0078ff;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #fd164c;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #fdfdff;
  background-color: transparent;
  text-decoration: underline;
}