@import url('https://fonts.googleapis.com/css2?family=Kalnia+Glaze:wght@100..700&display=swap');

#preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: transparent;
    z-index: 9999;
    display: flex;

    /* h1 {
        width: 100vw;
        height: 100vh;
        background-color: var(--text);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: "Kalnia Glaze", serif;
        font-size: 16vw;
        font-weight: 200;
        color: var(--bg);
    } */

    .slice {
        width: 100%;
        height: 100%;   
        background-color: var(--text);
        color: var(--bg);
        z-index: 99999;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 5rem;
        font-family: "World of Water", sans-serif;
    }
}

/* @media screen and (max-width: 768px) {
    #preloader h1 {
        font-size: 10rem;
    }
} */