body.spin .lds-circle {
    display: block;
}
.lds-circle {
    display: none;
    width: 128px;
    height: 128px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
body.spin .lds-background {
    display: block;
}
.lds-background {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgb(192 192 192 / 20%);
}
.lds-circle > div {
    height: 100%;
    width: 100%;
    margin: 8px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://photos.smugmug.com/NTNUI-Logoer/i-DTr3wpH/0/f1173218/XL/LOGO%20TM%20gjennomsiktig-XL.png");
    animation: lds-circle 4s ease-in-out infinite;
}
.ntnuiLogo {
    background-image: url("https://photos.smugmug.com/NTNUI-Logoer/i-DTr3wpH/0/f1173218/XL/LOGO%20TM%20gjennomsiktig-XL.png");
}
@keyframes lds-circle {
     0%,
     10%,
     90%,
     100% {
         animation-timing-function: ease-in-out;
     }
     0% {
         transform: rotateY(0deg);
     }
     50% {
         transform: rotateY(1800deg);
         animation-timing-function: ease-in-out;
     }
     100% {
         transform: rotateY(3600deg);
     }
 }