/* Universal selector */

* {
  box-sizing: border-box;
  }

/* Element selector */
body {
background-color: #d9e2f3;
font-family: Arial;
}

/* Element selector */
header {
text-align: center;
background-color: #202a44;
color: white;
padding: 30px;
margin-bottom: 20px;
}

/* Element selector */
section {
border: 3px solid #202a44;
padding: 20px;
margin: 20px;
text-align: center;
}

/* Class selector */
.section {
background-color: #eeeeee;
}

/* ID selector */
#past {
background-color: #d9e2f3;
}

/* ID selector */
#present {
background-color: #c9daf8;
}

/* ID selector */
#future {
background-color: #b4c7e7;
}

/* Element selector */
img {
width: 250px;
border: 2px solid black;
padding: 5px;
margin: 10px;
}

/* Element selector */
footer {
text-align: center;
background-color: #202a44;
color: white;
padding: 30px;
margin-top: 20px;
}