body, html {
    background: #0b2236;
    padding: 0;
    margin: 0;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    /*font-size: 15px;*/
    /*min-width: 32rem;*/
}
* {
    box-sizing: border-box;
}
@keyframes background {
  0% {transform: scale(1);}
  100% {transform: scale(1.6);}
}

.backgroundContainer {
    z-index: 10;
    position: absolute;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.background {
    width: 100vw;
    height: 100vh;
    background: url("/img/wallpaper_1.jpg") center center;
    background-size: cover;
    position: relative;
    animation: background 200s linear infinite alternate;
}

.boxContainer {
    position: absolute;
    z-index: 100;
    width: 100vw;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box {
    background: rgba(19, 53, 82, 0.9);
    width: 30rem;
    height: auto;
    padding: 1.5rem;
    border-radius: .5rem;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 0 1rem rgba(0,0,0,.5);
}

h1 {
    font-size: 3rem;
    margin:0;
    padding: 1.5rem 0 1.3rem;
}

p {
    padding: 0;
    margin: 0;
    padding-bottom: 1.3rem;
}

img.logo {
    padding-top: 1rem;
    width: 9rem;
}

@media (max-width: 32rem) {
    .box {
        width: 92vw;
        height: auto;
    }

    h1 {
        font-size: 1.5rem;
    }
}