/* Slå på cross-document transitions */
@view-transition {
  navigation: auto;
}

/* Varighet/kurve */
::view-transition-group(*) { animation-duration: .45s; }

/* Skyv GAMMEL side ut (ned) */
::view-transition-old(root) {
  animation: slide-old .45s cubic-bezier(.22,.61,.36,1) both;
}

/* Skyv NY side inn (fra toppen) */
::view-transition-new(root) {
  animation: slide-new .45s cubic-bezier(.22,.61,.36,1) both;
}

/* Keyframes */
@keyframes slide-old {
  from { transform: translateY(0%); }
  to   { transform: translateY(100%); }
}
@keyframes slide-new {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0%); }
}

/* Tilgjengelighet */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*) { animation-duration: 0s; }
}


body {
    background-color: #C2E2E3;
}
.logo {
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
p {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8rem;
    color: #203241;
}
a {
    color: #E25642;
}

.content {
    padding: 8rem 1rem;
    text-align: center;
}

h1 {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #203241;
}