body{
    margin: 10px;
    background-color: black;
}


main{
    display: grid;
    max-width: 1280px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 100px 300px 600px 100px;
    margin:auto;
    background-color: rgba(0, 128, 0, 0.226);
}

header, figure, p, footer, #User{
    border: 2px rgba(33, 97, 27, 0.651) double;
    color: aliceblue;
}

p, footer{
    font-family: 'Spline Sans Mono', Arial, Helvetica, sans-serif;
    line-height: 25px;
    font-size: 1.3em;
    padding:5px;
}
footer{
    font-weight: bold;
    font-size: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}

header{
    grid-area: 1/1 /2/5;
    font-family: 'Roboto Slab';
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#Shrek{
    width: 100%;
    height:100%;
}

figure{
    grid-area: 2/1 /3/5;
}

p{
    overflow-y:auto;
}

#p1{
    grid-area: 3/1 /4/2;
}

#p2{
    grid-area: 3/2 /4/3;
}

#p3{
    grid-area: 3/3 /4/4;
}

#p4{
    grid-area: 3/4 /4/5;
}

footer{
    grid-area: 4/1 /5/5;
}

strong{
    font-weight: bold;
}
#User{
    border-radius: 70px;
    display: flex;
    margin-top: 7px;
}