#textWindow4 {
   text-align: left;
}

.layout {
   margin: 0;
   padding: 0;
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: flex-start;
}
/*
   Write your CSS here
   Gap Colour: #292929
   White: #F0F1EC
   Red: #E72F24
   Black: #232629
   Blue: #004592
   Yellow: #F9D01E

   For dimensions, see dimensions.png image.
   HINT: Remember you can't change the properties of grid lines.
   But grid lines are transparent!
*/

.container {
   background-color: #292929;
   width: 748px;
   height: 748px;
   display: grid;
   grid-template-columns: 320px 198px 153px 50px;
   grid-template-rows: 414px 130px 155px 20px;
   gap: 9px;
   border: 2px solid #292929;
   border-radius: 10px;
   box-shadow: 3px 3px 15px #464646;
}

.item {
   background-color: #F0F1EC;
   display: flex;
   justify-content: center;
   align-items: center;
}

.red {
   background-color: #E72F24;
}

.white1 {
   grid-column: span 3;
}

.white2 {grid-row: span 2;
}

.white3 {
   grid-area: 2 / 2 / 4 / 4;
}

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

.white4 {
   grid-row: span 2;
}


.yellow {
   background-color: #F9D01E;
}

.black {
   background-color: #292929;
}