@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  background: rgb(252, 210, 157);
  color: rgb(22, 22, 22);
  font-family: "Poppins", sans-serif;
  margin: 0;
}
body h1 {
  font-size: 4em;
  margin: 0;
}
body li {
  font-size: 30px;
  font-weight: 700;
}

.hiddenmsg {
  opacity: 0.1;
}

.container .row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  max-width: 1400px;
  margin: auto;
}
.container .row .column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 40px;
}
.container .row .column img {
  width: inherit;
}

/*Parallax 3d effect header*/
.parallax_container {
  display: inline-block;
  perspective: 1000px;
  /*   transform-style: preserve-3d; */
  overflow: hidden;
  width: 100%;
  height: 45vw;
  margin-bottom: -5px;
}

.parallax {
  width: 110vw;
  height: 110vh;
  margin-top: -5vh;
  margin-left: -5vw;
  transform-style: preserve-3d;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain;
  background-image: url(/media/background.jpg);
}

.parallax0, .parallax1, .parallax2, .parallax3, .parallax4 {
  width: auto;
  height: 100vh;
  position: absolute;
}
.parallax0 img, .parallax1 img, .parallax2 img, .parallax3 img, .parallax4 img {
  width: 70vw;
}

.rotate {
  animation: rotation 20s;
}

.wiggle {
  animation: wiggle 4s;
}

.linear {
  animation-timing-function: linear;
}

.eased {
  animation-timing-function: ease-in-out;
}

.infinite {
  animation-iteration-count: infinite;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes wiggle {
  0% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}

/*# sourceMappingURL=stylesheet.css.map */