header {
  display: flex;
  background-color: red;
  justify-content: space-between;
}

header nav {
  flex-grow: 9;
  display: flex;
}

header nav a {
  flex-grow: 1;
  text-align: center;
  font-family: 'Arial';
  padding: 10px;
  background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
}

header nav a:hover {
  background: radial-gradient(circle, rgba(237, 221, 83, 1) 0%, rgba(0, 255, 204, 1) 21%, rgba(42, 123, 155, 1) 54%, rgba(87, 199, 133, 1) 100%);
}

#mystisk-knap {
  flex-grow: 1;
  background-color: blue;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#mystisk-knap:hover {
  background:red;
}

footer {
  margin-top: 10px;
  background: linear-gradient(to bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);
  padding: 20px;
  border-radius: 20px;
  color: white;
}

.page_row {
  display: flex;
  justify-content: space-around;
  padding: 0 10%;
}

.page_item {
  width:30%;
  display:flex;
  flex-direction: column;
}

.page_item img {
  height: 100px;
  object-fit: contain;
}