html {
  
  background-color: #e9e6e6de;
  font-family: "Chakra Petch";
}

header {
  background-color: cornflowerblue;
  padding: 15px;
}

#active {
  background-color: rgb(79, 116, 184);
}
h1 {
  font-size: 50px;
  text-align: center;
}

a {
  text-align: center;
  color:black;
  text-decoration: none;
  border: solid;
  border-color:rgb(84, 120, 187);
  border-radius: 5px;
  padding: 15px;
  font-size: 25px;
  display: inline;
  background-color: cornflowerblue;
  
}

.nav {
  text-align: center;
}

.intro {
  text-align: center;
  font-size: 20px;
  color: black;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(97, 97, 97);
  color: white;
  text-align: center;

}

/* Denna gör att bakgrundsfärgen ändras till den du fixade sam när man har sin muspekare över en av knapparna /bogus mogus */
a:hover {
  background-color: rgb(79, 116, 184)
}