* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

main {
    display: grid;
    height: 746px;
    width: 740px;
    background-color: #000000;
    grid-template-columns: 320px 190px 153px 50px;
    grid-template-rows: 414px 130px 155px 20px;
    gap: 9px;
}

.main__div__position-end {
    grid-column: 2 / 5;
    grid-row: 1 / 2;
    background-color: #f0f1ec;
}

.main__div__position-start {
    grid-column-start: 1;
    grid-row-start: 1;
    background-color: #cc4939;
}

.main__div__position-end-lower {
    grid-column: 2 / 4;
    grid-row: 2 / 4;
    background-color: #f0f1ec;
}

.main__div__position-start-lower {
    grid-column: 1 / 1;
    grid-row: 2 / 4;
    background-color: #f0f1ec;
}

.main__div__position-end-lower-lower {
    grid-column: 4 / 5;
    grid-row: 2 / 3;
    background-color: #28438b;
    border-bottom: 10px solid #000000;
}

.main__div__position-end-lowest {
    grid-column: 4 / 5;
    grid-row: 3 / 5;
    background-color: #f0f1ec;
}

.main__div__position-start-lowest {
    grid-column: 1 / 1;
    grid-row: 4 / 5;
    background-color: #f0f1ec;
}

.main__div__position-middle-left {
    grid-column: 2 / 2;
    grid-row: 4 / 5;
    background-color: #edd358;
}

.main__div__position-middle-right {
    grid-column: 3 / 3;
    grid-row: 4 / 5;
    background-color: #242629;
}