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

ul {
  list-style-type: none ;
  text-align: right ;
  padding-top: 3% ;
  padding-bottom: 3% ;
  background-color: #28417f;
  margin-top: -1%;
  margin-left: -1%;
  margin-right: -1%;
}

li {
  display: inline ;
  margin-left: 5% ;
  margin-right: 5% ;

}

.navbar > ul > li > a{
  color: white;
  text-decoration: none;
  font-size: 125%;
  font-family: 'Roboto Condensed', sans-serif;
  transition: 0.3s;
}

.navbar > ul > li > a:hover{
  color: black;
}

.link > center > a {
  color: white;
  text-decoration: none;
  font-size: 125%;
  font-family: 'Roboto Condensed', sans-serif;
  transition: 0.3s;
}
.link > center > a:hover {
  color: black;
}

.link{
    background-color: #28417f;
    padding-top: 2%;
    padding-bottom:2%;
    margin-bottom: -2%;
    margin-right: -1%;
    margin-left: -1%
}