@font-face {
    font-family: 'Breadcrumbs Regular';
    src: url(breadcrumbs-regular.woff);
}

html, body {
    margin: 0;
    padding: 0;

    background-color: black;
}

#main {
    height: 100vh;
    margin: 0;
    padding: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes appear {
    0% { color: black; text-shadow: black 0px 0px 0px; }
    25% { color: black; text-shadow: black 0px 0px 0px; }
    100% { color: white; text-shadow: rgba(255,255,255,0.5) 0px 0px 25px;}
}

#text {
    color: white;
    
    position: relative;
    animation: appear 2s forwards ease;

    font-family: 'Breadcrumbs Regular', Arial, Helvetica, sans-serif;
}