@font-face {
    font-family: 'Helvetica Now Regular';
    src: url("/fonts/HelveticaNowDisplay-Regular.otf") format("opentype");
}
@font-face {
    font-family: 'Helvetica Now Xbold';
    src: url("/fonts/HelveticaNowDisplay-ExtraBold.otf") format("opentype");
}
html, body {
    background-color: #143055;
    font-family: 'Helvetica Now Regular';
    font-size:20px;
    color:#FFF;
    height:100%;
    min-height:100vh;
    overflow:hidden;
}

.container {
    display:block;
    margin:0 auto;
    max-width:600px;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
    overflow-y:auto;
    opacity:0;
    animation: fadeIn  1s forwards linear;
}

.container > *:first-child {
    margin-top:auto;
}

.container > *:last-child {
    margin-bottom:auto;
}

#span { display:block; text-align:center; }

a,a:visited,a:active {
	color:#FFF;
}

@keyframes fadeIn {
    0% {
        opacity:0;
    }

    100% {
        opacity:1;
    }
}