html, body {

background-color: #F0F0F0;
margin: 0;
padding: 0;
color: #00000F;

}

a {

color: #F00000;

&:hover {
  color: #F45B69;
}

&:visited {
  color: #9B1D20;
}

}

header, footer {

width: 100%;
margin: 1em 0;
box-sizing: border-box;
text-align: center;

}

main {

background-color: #FFFFFF;
width: 100%;
margin: 0 auto;
padding: 1em;
box-sizing: border-box;

}

@media screen and (min-width: 53.75em) {

main {
  width: 53.75em;
  padding: 6em;
}

}