.loader {
    margin: auto;
    border: 10px solid var(--background-2-hex);
    border-radius: 50%;
    border-top: 10px solid var(--background-1-hex);
    width: 100px;
    height: 100px;
    animation: spinner 4s linear infinite;
}

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

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