/* 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*/
}

ul {
  /* I made it myself */
  list-style-image: url("https://files.catbox.moe/94rn82.svg");
  list-style-position: 5em;

  /*list-style-image is an abomination from CSS1 and requires hacks like this, 
    I tried 0ing the padding and it still remains */
   padding-left: 3em;
}


/*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;
}