.preloader{position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #040204;}

.preloader.hidden{
    animation: fade 1s;
    animation-fill-mode: forwards;
}

@keyframes fade{
    100%{
        opacity: 0;
        visibility: hidden;
    }   
}