body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  padding: 0;
}

.container {
  width: 612px;
  height: 600px;
  background-color: black;
  display: grid;
  grid-template-columns: 50px 229px 169px 136px;
  grid-template-rows: 235px 137px 181px 20px;
  gap: 10px;
}

.item {
  background-color: #f0f1ec;
}

.red {
  background-color: #ea0907;
  grid-column: span 2;
}

.white1 {
  grid-column: span 2;
}

.white2 {
  grid-column: span 2;
}

.white3 {
  grid-column: span 2;
}

.yellow {
  grid-row: span 2;
  background-color: #fcd605;
}

.white4 {
  grid-row: span 2;
}

.blue {
  background-color: #130856;
}

.white5 {
  grid-row: span 2;
}