html {
    height: 100%;
}

body {
    padding-top: 70px;
    background-image: url(4.jpg);

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.block {
    position: absolute;
    top: 70px;
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}

.whiteout{
    top:50px;
    background: rgb(255, 255, 255);
    padding:20px;
}


/*Psychrometric chart styling*/