* {
    margin: 0;
    padding: 0;
}

html { font-size: 62.5%; height: 100%; }

body {
    font-family: 'Avenir-Next', 'Avenir Next', 'Helvetica Nueue', Helvetica, Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #0f2969;
    background: linear-gradient(to bottom right,#234bb0,#0f2969);
    background: -webkit-gradient(linear,left top,right bottom,from(#234bb0),to(#0f2969));
    font-size: 18px;
    font-size: 1.8rem;
}

.splash-container{
    text-align: center;
    color: #fff;
    padding: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 20px;
    margin-bottom: 2.0rem;
}

p {
    margin-bottom: 30px;
    margin-bottom: 3.0rem;
}

a {
    display: inline-block;
    background: #fff;
    color: #0f2969;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold;
}