main {
    display: grid;
    grid-template-areas:
    'header header header'
    'yoda yoda yoda'
    'section1 section2 section3'
    'footer footer footer' ;
    gap:20px;
}

h1 {
    grid-area: header;
}

img {
    grid-area: yoda;
    margin-left: auto;
    margin-right: auto;
    
}
.section1 {
    grid-area: section1;
}

.section2 {
    grid-area: section2;
}

.section3 {
    grid-area: section3;
}
footer {
    grid-area: footer;
}
main > * {
    background-color: rgb(86, 238, 238);
    border-radius: 10px;
}

body {
    background-image: url(images/R\ \(1\).jpg);
}