body{
    background-image: url("images/clouds.jpg");
    
}

main{
    display:grid;
    grid-template-areas:
    'header header header header'
    'sponge sponge sponge sponge'
    'section1 section2 section3 section4'
    'footer footer footer footer';
    margin-left:auto;
    margin-right:auto;
    width:1200px;
    background-image: url("images/clouds.jpg");
    
}

h1{
    grid-area:header;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:1199px;
    border:1px solid black;
    font-family: "Sigmar", sans-serif;
    border:1px solid black;
}

.sponge{
    grid-area:sponge;
    margin-left:auto;
    margin-right:auto;
    width:1199px;
    align-items: center;
    font-family: "Sigmar", sans-serif;
    font-weight: 400;
    font-style: normal;
    border:1px solid black;
}

.image{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.section1{
    grid-area:section1;
    width:295px;
    font-family: "Quicksand", sans-serif;
    border:1px solid black;
}

.section2{
    grid-area:section2;
    width:300px;
    font-family: "Quicksand", sans-serif;
    border:1px solid black;
}

.section3{
    grid-area:section3;
    width:300px;
    font-family: "Quicksand", sans-serif;
    border:1px solid black;
}

.section4{
    grid-area:section4;
    width:300px;
    font-family: "Quicksand", sans-serif;
    border:1px solid black;
    
}

.footer{
    grid-area:footer;
    text-align:center;
    width:1199px;
font-family: "Quicksand", sans-serif;
border:1px solid black;
    
    font-weight:750;
}

main>*{
    background-color: white;
    margin-left:auto;
    margin-right:auto;
}

.sigmar-regular {
    font-family: "Sigmar", sans-serif;
    font-weight: 400;
    font-style: normal;
  }