/*----------------------------------------------------------------*/
/* Tekst formatering */
/*----------------------------------------------------------------*/
@font-face {
  font-family: "Montserrat";
  src: url(../assets/fonts/Montserrat-VariableFont_wght.woff2) format("woff2");
  font-weight: normal bold;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url(../assets/fonts/Montserrat-Italic-VariableFont_wght.woff2) format("woff2");
  font-weight: normal bold;
  font-style: italic;
}

@font-face {
  font-family: "LibreFranklin";
  src: url(../assets/fonts/LibreFranklin-VariableFont_wght.woff2) format("woff2");
  font-weight: normal bold;
  font-style: normal;
}

@font-face {
  font-family: "LibreFranklin";
  src: url(../assets/fonts/LibreFranklin-Italic-VariableFont_wght.woff2) format("woff2");
  font-weight: normal bold;
  font-style: italic;
}

h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 300%;
  color: #3992ff;
  text-shadow: 3px 3px 0 rgb(7, 0, 46);
  overflow-wrap: break-word;
  hyphens: auto;
}

h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 175%;
  color: #333;
  overflow-wrap: break-word;
  hyphens: auto;
}

h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 550;
  font-size: 125%;
  color: #333;
  overflow-wrap: break-word;
  hyphens: auto;
}

p {
  font-family: "LibreFranklin", sans-serif;
  font-weight: 400;
  font-size: 100%;
  line-height: 1.6;
  color: #555;
  overflow-wrap: break-word;
  hyphens: auto;
}

dl {
  list-style: none;
  font-family: "LibreFranklin", sans-serif;
}

dt {
  font-weight: 500;
}

dd {
  font-weight: 300;
  font-style: italic;
}

img {
  border-radius: 0.2em;
}

/*----------------------------------------------------------------*/
/* Header og Navigation*/
/*----------------------------------------------------------------*/
header {
  background-color: #555;
  background: linear-gradient(
    180deg,
    rgb(21, 21, 21) 0%,
    rgba(55, 55, 55, 1) 70%,
    rgb(84, 84, 84) 100%
  );
}

.nav-list {
  list-style: none;
}

.nav-list li a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 120%;
  color: whitesmoke;
  text-decoration: none;
}

.nav-list li:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.nav-list li a:hover {
  color: black;
}

.nav-list li a:active {
  background-color: whitesmoke;
}
@media (max-width: 762px) and (min-width: 600px) {
}

@media (max-width: 679px) and (min-width: 601px) {
}

@media (max-width: 600px) {
}

/*----------------------------------------------------------------*/
/* body */
/*----------------------------------------------------------------*/

body {
  background-color: whitesmoke;
}

/*----------------------------------------------------------------*/
/* footer */
/*----------------------------------------------------------------*/

footer {
  background-color: #555;
  background: linear-gradient(
    180deg,
    rgb(21, 21, 21) 0%,
    rgba(55, 55, 55, 1) 70%,
    rgb(84, 84, 84) 100%
  );
}

footer p {
  color: white;
}