html {
    background-color:   #56c5ff;
    color:              #464646;
    font-size:          30px;
    font-weight:        300;
    font-family:        'Open Sans', sans-serif;
}

h1 {

    font-weight:        300;
    font-size:          2rem;
    margin:             0;
}

h2 {
    font-weight:        300;
    color:              white;
    margin:             0.5rem 0;
    font-size:          1rem;
}

h3 {
    font-weight:        300;
    color:              black;
    margin:             0.5rem 0;
    font-size:          0.8rem;
}

.white {
    color:              white;
}

.white a {
    color:              white;
}

.white a:hover {
    color:              black;
}

.container {
    text-align:         center;
    position:           absolute;
    display:            table;
    width:              100%;
    height:             100%;
}

.inner {
    display:            table-cell;
    vertical-align:     middle;
    font-size:          0.7rem;
}

.footer {

    position:           fixed;
    bottom:             0;
    left:               0;
    width:              100%;
    background-color:   black;
    color:              white;
    text-align:         center;
    font-size:          0.5rem;
    line-height:        1rem;

}

.footer > span {
    margin-right:       10px;
}

a {  
    color:              #464646;
    font-weight:        300;
}

a:hover {
    color:              white;
}