@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Montserrat&family=Raleway:wght@100;200&display=swap');

html,
body {
  height: 100%;
  font-family: 'Montserrat', sans-serif;
}

nav img {
  width: 50px;
  height: auto;
}

nav ul {
  list-style: none;
}
nav li {
  display: inline-block;
}

h3 {
  font-family: 'Comfortaa', cursive;
}

.logo-type {
  font-family: 'Comfortaa', cursive;
}

a {
  text-decoration: none;
  color: inherit;
}

video {
  width: 100%;
  min-height: 55vh;
  max-height: 60vh;
  object-fit: cover;
  display: block; /* tarbort det vita sträcket*/
  -webkit-transform-style: preserve-3d;
}

.video {
  /* overflow: hidden; */
  /* height: 55vh; */
  width: 100%;
}

.video-text {
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  color: white;
  filter: drop-shadow(2px 2px 2px #000);
}

.video-wrap {
  background-color: wheat;
}

.carousel-item {
  overflow: hidden;
  max-width: 100%;
  height: 500px;
}

.carousel-item > img {
  width: 100%;
}

.section--hidden {
  opacity: 0;
  transform: translateY(8rem);
}

.section {
  transition: transform 1s, opacity 1s;
}

.yellow-gradiant {
  background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}