@import url('https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

body {
    background-image: url("/wholeFam.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: 0px;
    font-family: "Overlock", serif;
}

.container {
    width: 100%;
}

.contentArea {
    background-color: rgba(256, 256, 256, .8);
    width: 600px; 
    margin-left: auto;
    margin-right: auto;
}

.contentBlock {
    text-align: center; 
}

/* ------ Block specific rules ------- */
#introBlock {
    padding: 10px;
    background-blend-mode: lighten;
    display: grid;
}