html {
    margin: 0;
    padding: 0;
    /* https://pixabay.com/photo-603265/ */
    background: white url("bg.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.wrap {
    position: fixed;
    top: 30%;
    left: 0%;
    padding: 0;
    margin: 0;
    width: 100%;
}

H1 {
    margin: 2vh;
    font-size: 10vh;
    text-align: center;
}
H1 SPAN {
    padding: 3em;
    padding: 3vh;
    background-color: #ffffffa0;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em; 
    border-radius: 0.5em;
}

P {
    font-size: 5vh;
    text-align: center;
    padding: 3em;
    padding: 3vh;
    margin: 10vh;
    background-color: #ffffffa0;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em; 
    border-radius: 0.5em;
}