main {
    display: grid;
    grid-template-areas:
    "h1 h1 h1"
    "art1 art1 art2"
    "art3 art3 art4"
    "art3 art3 art7"
    "art5 art6 art7" ;

    border: 1px solid #333;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    
}

h1 {
    grid-area: h1;
    grid-column: span 3;
    font-size: 50px;    
    text-align: center;
}

article {
    text-align: center;
    border: 1px solid #333;  
}

iframe {
    margin-top: 10px;
}

#Richat {
    width: 500px;
    height: 400px;
}

#fire {
    width: 400px;
    height: 300px;
}

#ze {
    margin-top: 10px;
    width: 100px;
    height: 100px;
}

#theross {
    margin-top: 10px;
}

ol {
    font-size: 25px;
}

figcaption {
    font-size: 30px;
}

#art1 {
    grid-area: art1;
}

#art2 { 
    grid-area: art2;
}

#art3 {
    grid-area: art3;
    font-size: 30px;
}

#art4 {
    grid-area: art4;
}

#art5 { 
    grid-area: art5;
}

#art6 {
    grid-area: art6;
}

#art7 {
    grid-area: art7;
}