body {
    background-color: #191919;
    overflow: hidden;
}

main > * {
    color: #8D540A;
}

.hej {
    position: absolute;
    width: 96px;
    text-align: center;
}


.s1x {
    animation: x 5s linear infinite alternate;
    animation-delay: -7s;
    
}
.s1y {
  animation: y 13s linear infinite alternate;
  animation-delay: -2s;
}
.s2x {
  animation: x 19s linear infinite alternate;
  animation-delay: -8s;
}
.s2y {
  animation: y 29s linear infinite alternate;
  animation-delay: -19s;
}
.s3x {
    animation: x 19s linear infinite alternate;
    animation-delay: -6s;
}
.s3y {
  animation: y 23s linear infinite alternate;
  animation-delay: -3s;
}
.s4x {
    animation: x 17s linear infinite alternate;
    animation-delay: -2s;
}
.s4y {
  animation: y 19s linear infinite alternate;
  animation-delay: -1s;
}
.s5x {
    animation: x 17s linear infinite alternate;
    animation-delay: -11s;
}
.s5y {
  animation: y 23s linear infinite alternate;
  animation-delay: -3s;
}
.s6x {
    animation: x 19s linear infinite alternate;
    animation-delay: -20s;
}
.s6y {
  animation: y 17s linear infinite alternate;
  animation-delay: -8s;
}
.s7x {
    animation: x 13s linear infinite alternate;
    animation-delay: -14s;
}
.s7y {
  animation: y 29s linear infinite alternate;
  animation-delay: -4s;
}
.s8x {
    animation: x 11s linear infinite alternate;
    animation-delay: -6s;
}
.s8y {
  animation: y 19s linear infinite alternate;
  animation-delay: -16s;
}
.s9x {
    animation: x 13s linear infinite alternate;
    animation-delay: -20s;
}
.s9y {
  animation: y 7s linear infinite alternate;
  animation-delay: -5s;
}
.s10x {
    animation: x 7s linear infinite alternate;
    animation-delay: -8s;
}
.s10y {
  animation: y 17s linear infinite alternate;
  animation-delay: -15s;
}
.s11x {
    animation: x 29s linear infinite alternate;
    animation-delay: -20s;
}
.s11y {
  animation: y 5s linear infinite alternate;
  animation-delay: -11s;
}
.s12x {
    animation: x 7s linear infinite alternate;
    animation-delay: -18s;
}
.s12y {
  animation: y 13s linear infinite alternate;
  animation-delay: -3s;
}
.s13x {
    animation: x 17s linear infinite alternate;
    animation-delay: -18s;
}
.s13y {
  animation: y 29s linear infinite alternate;
  animation-delay: -15s;
}
  
  
  @keyframes x {
    100% {
      transform: translateX(calc(100vw - 96px));
    }
  }
  @keyframes y {
    100% {
      transform: translateY(calc(100vh - 19px));
    }
  }


.mitten {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width:100%;  
}

.meddelande {
    position: relative;
    text-align: center;
    margin-bottom: 0;   
}

.message {
    position: relative;
    text-align: center;
    margin-top: 0;     
    
}
