#spin-x {
    animation: rotatex 3.14159265358979s infinite linear;
    }

    #spin-z {
    animation: rotatex 15.61803398874989484820458683436563811772030917980576s infinite linear;
    }

    #header {
    background-image: url("joars_logga.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 12vh;
    margin: 10vh 5vh 5vh;
    background-position: center;
    animation: rotatey 3.5s infinite linear;
    
    }
    

    @keyframes rotatex {
    0% {
    transform: rotateX(0deg) perspective(10cm);
    }
    50% {
    transform: rotateX(180deg)perspective(10cm);
    }
    100% {
    transform: rotateX(360deg)perspective(10cm);
    }
      
    }


  #joars-text {
    width: 100%
    }

@keyframes rotatey {
    0% {
    transform: rotateY(0deg) perspective(10cm);
    }
    50% {
    transform: rotateY(180deg) perspective(10cm); 
    }
    100% {
    transform: rotateY(360deg) perspective(10cm);
    }
      
    }

@keyframes rotatey {
    0% {
    transform: rotateZ(0deg) perspective(10cm);
    }
    50% {
    transform: rotateZ(180deg) perspective(10cm); 
    }
    100% {
    transform: rotateZ(360deg) perspective(10cm);
    }
      
    }

    #moving-logo {
    width:50%;
    height: 50vh;
    }

    .center {
    text-align: center;
    position: relative;
    }

    #meny-bild {width: 70%;}

    #meny-titel {
  position: absolute;
  top: -290px;        /* adjust as needed */
  left: 25%;
  transform: translateX(-50%);
}  
  #Jobbansökan {
  position: absolute;
  top: -290px;        /* adjust as needed */
  left: 25%;
  transform: translateX(-50%);