body{
    background-color: cyan;
}

main {
    display: grid;
    grid-template-columns: 20% 20% 20%;
    grid-template-rows: 20% 20% 20%;
    width: 1280px;
    margin: auto;
    background-color: white;
}

h1 {
    grid-column-start: 3;
    text-align: center;
    font-size: 20px;
}

.topleft {
    grid-column-start: 1;
}

.topmiddle {
    grid-column-start: 3;
    text-align: center;
}

.topright {
    grid-column-start: 5;
    text-align: right;
}

h2 {
    font-size: 12px;
}

.center {
    grid-column-start: 4;
    grid-row-start: 4;
}

.bottomleft {
    grid-column-start: 1;
    grid-row-start: 5;
}

.bottommiddle {
    grid-column-start: 4;
    grid-row-start: 5;
}