body {
    background-color : #F5F5F5;
}


p.projects {
    font-family : "optima", sans-serif;
    font-size : 25px;
    width : 60%;
}

div.projects {
    display : flex;
    flex-direction : row;
    justify-content : space-between;
    padding-bottom : 100px;
    padding-left : 25px;
    padding-right : 25px;
}

#scheduler {
    width : 50%;
}

div.images {
    display : flex;
    flex-wrap : wrap;
    justify-content : space-around;
    align-items : stretch;
}

#gameCards {
    display : flex;
    flex-direction: column;
    justify-content : space-evenly;
}

#odd {
    flex-direction: row-reverse;
}