/* Pantalla completa */
#preloader 
{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #ffffff; /* o el color que quieras */
    top: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity .4s ease, visibility .4s ease;
}

/* Tu logo */
#preloader .logo 
{
    width: 100px; /* cambia tamaño si quieres */
    animation: blink 1.2s infinite ease-in-out;
}

/* Animación de parpadeo */
@keyframes blink 
{
    0%   { opacity: 0.3; }
    50%  { opacity: 1; }
    100% { opacity: 0.3; }
}

/* Cuando Pace termina, se ejecuta esto */
.pace-done #preloader 
{
    opacity: 0;
    visibility: hidden;
}