/* page styling */
body {
  background-color: #e7e6e6; /* very light grey background */
  font-family: Arial; /*Nice and basic*/
  line-height: 1.6; /* to increase seperation */
}


/* This is where all my content is (I do not have a header/footer/sidebar) */
main {
  max-width: 800px; /* otherwise will be wide and very left focused*/
  margin: auto; /*auto margin, not centered without*/
  padding: 25px; /* inner spacing */
  background-color: #ffffff; /* white area for main*/
  border-radius: 10px; /* rounding to not look ugly*/
}


/*I noticed that this footer was present on all of the examples, 
and I wanted to see if I could hide it. 
It works*/
codecraft-web-project-footer {
  display: none;
}