html {
    height: 100%;
    width: 100%;
    font-family: 'Josefin Sans', sans-serif;
}

body {
    height: 100%;
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

h1 {
    text-align: center;
    color: #424242;
    font-size: 1.2rem;
}

.background-logo {
    position: absolute;
    fill: #eee;
    z-index: -1;
    width: 90%;
}

@media (min-width: 720px) {
    h1 {
        font-size: 2rem;
    }

    .background-logo {
        height: 90%;
        right: 20%;
    }
}