* {
  padding: 0;
  border: 0;
  margin: 0;
}

html {
  font-size: 10px;
}

body {
  height: 100vh;
  overflow-y: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
  background-color: #000000;
  display: grid;
  grid-template-rows: 414px 130px 155px 20px;
  grid-template-columns: 320px 198px 153px 50px;
  gap: 9px;
}

.items {
  background-color: #F0F1EC;
}

.red {
  background-color: #e72f24;
}

.white {
  background-color: #f0f2ec;
  grid-column: span 3;
}

.white2 {
  background-color: #f0f2ec;
  grid-row: span 2;
}

.white3 {
  background-color: #f0f2ec;
  grid-area: 2 / 2 / 4 / 4
}

.white4 {
  background-color: #f0f2ec;
  grid-row: span 2;

}

.blue {
  background-color: #004592;
  border-bottom: 10px solid #000;
}

.white5 {
  background-color: #f0f2ec;
  grid-area: 4 / 1 / 5 / 2;

}

.yellow {
  background-color: #f9d01e;
}

.black {
  background-color: #232629;
}