@keyframes home-loader-animation {
    0% {
        top: 0;
    }

    100% {
        top: -100vh;
    }
}

.home-loader {
    background-color: #1A1A1A;
    z-index: 1000;
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: home-loader-animation 2s;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
    padding: 36px;
}

/* Google chrome */
@-webkit-keyframes svg-text-anim {
    40% {
        stroke-dashoffset: 0;
        fill: transparent;
    }

    60% {
        stroke-dashoffset: 0;
        fill: #fdc911;
    }

    100% {
        stroke-dashoffset: 0;
        fill: #fdc911;
    }

}

/* Most browsers */
@keyframes svg-text-anim {
    40% {
        stroke-dashoffset: 0;
        fill: transparent;
    }

    60% {
        stroke-dashoffset: 0;
        fill: #fdc911;
    }

    100% {
        stroke-dashoffset: 0;
        fill: #fdc911;
    }

}