body {
  background-color: #a1bee3;

}



#hiddenlink{
  text-decoration: none;
  cursor:auto;
  color:royalblue ;
}


#nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
}

#nav a {
  text-decoration: none;
}

#nav ul a li {
  list-style: none;
  padding: 0.5rem;
  border: 1px solid blue;
  width: fit-content;
  background-color: white;

}

#nav ul a li{
  transition-duration: 1s;
  background-color: dodgerblue;
  border-color: white;
  border-radius: 1rem;
  color: white;
  box-shadow: 0.2rem 0.1rem 1rem black;
  cursor: pointer;
  outline: none;
}

#nav ul a li:hover{
  background-color: green;
}
#nav ul a li:active {
  border-radius: 0;
  scale: 1.2;
  transition-duration: 300ms;
  background-color: #ffc928;
  box-shadow: none;
}

#nav ul {
  width: 100%;
  margin-left: 0;
  padding-left: 0;
}

#nav ul a:nth-of-type(4) li {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  text-align: center;

  margin-left: 1rem;
  align-items: center;
  align-self: center;
}

#content {
  display: flex;
  justify-content: center;
  height: 30rem;
}