:root {
    --duration: 165s;
}

* {
    /* transition: all 5s ease-in 0s; */
}

body {
    background-color: #080808;
    /* background-color: #190000;
    background-color: #2d0000; */
    overflow: hidden;
}

::selection {
    background: transparent;
  }

.wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;

    img {
        will-change: transform;
        width: 50%;
        filter: invert(1);
        animation-name: rotate;
        animation-duration: var(--duration);
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}