.container {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-rows: 60px 850px 40px;
    grid-gap: 2px;

    background-color: cadetblue;
    color: white;
}

.box {
    border: 2px whitesmoke solid;
    background-color: black;
    border-radius: 15px;

    display: flex;
    /* align-items: center;    */   /* This One Align the items Vertically */
    /* justify-content: center;  */  /* This One Align the items Horizontally */
} 

.leftSide{
    grid-row: 2 / 4;
    grid-column: 1 / 1;

    flex-direction: column;
    align-items: flex-start;
    gap: 10px;

    padding-left: 10px;
    padding-top: 10px;

    background-color: yellow;
}

.leftSide h3{
    /* justify-content: center;  DON'T KNOW HOW TO CENTER IT*/
    padding-left: 50px;
    
    color: red;
}

.header{
    grid-row: 1 / 1;
    grid-column: 1 / 4;

    background-color: skyblue;
}

.footer{
    grid-row: 3 / 3;
    grid-column: 2 / 3;
    background-color: gray;
}

.rightSide{
    grid-row: 2 / 4;
    grid-column: 3 / 3;

    background-color: green;
}

.rightSide h2{
    padding-left: 50px;
}

.contents{
    grid-row: 2 / 2;
    grid-column: 2 / 2;

    padding-left: 25px;
    background-color: red;
}

.alignCheckboxes{
    display: inline-block;
    /* display: flex; */
    /* flex-wrap: nowrap; */
    /* flex-direction: row; */
}