.nav { 
    display: flex;
    gap: 20px;
    justify-content: center;
}
 
.blank-box {
    width: 100px;
    height: 25px;
    background-color: #D9D9D9;
    margin: 10px;
    padding: 10px;
    /* justify-content: center; */
}
 
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding: 20px;
    grid-template-rows: 1fr 1fr 1fr;
    min-height: 100vh;
} /* */
 
.item-3 {
    grid-row: 1/4;
}
 
.grid-item { /* Affects all the boxes */
    border: 1px solid #ccc;
    padding: 20px;
    text-align: center;
    color: white;
    align-content: center;
}
 
.three {
     grid-row: 1/4;
     grid-column: 3;
     background-color: #60C2ff;
    align-content: flex-start;
   
}
.four{
    grid-column: 1/3;
    background-color: #FFC260;
}
 
.blue{
    background-color:#60C2ff ;
}
.grey{
  background-color: #D9D9D9;  
}
.red{
    background-color: #FF6060;
}
 
body {
    background-color: white;
    font-size: 60px;
    font-weight: bold;
    font-family: inter;
}
 
header {
    padding: 20px;
    background-color:#60C2ff ;

}
 
li {
    list-style-type: none;
}
 
 
.section {
    width: 350px;
}
 
main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}