/* Feel free to add CSS here! */





/* The CSS below is for the way the website currently looks. Be careful when making changes! */

body {
  /* This changes the background color of the body of the website. */
  background-color: lightblue;
}

#container {
  /* Set's the width of the container. */
  width: 700px;
  /* Centers the container. */
  margin: auto;
}

#title {
  /* Aligns the title and subtitle to the center of the header. */
  text-align: center;
  /* Text color. */
  color: ivory;
  /* Background color. */
  background-color: darkslategray;
  /* Spacing for the container. */
  padding: 10px;
  /* Font of the title and subtitle. */
  font-family: Verdana;
}

hr {
  /* This is the style of the lines that seperate the parts of the website content. */
  border: 1px solid darkgreen;
}

#main {
  /* Text color. */
  color: darkslategray;
  /* Background color. */
  background-color: ivory;
  /* Spacing for the container. */
  padding: 10px;
  /* Font of the main content. */
  font-family: Trebuchet MS;
}

h2 {
  /* Aligns h2 tags to the center. */
  text-align: center;
}

p {
  /* Gives p tags some space on the left and right. */
  margin-left: 50px;
  margin-right: 50px;
}

#credits {
  /* Aligns credits to the center. */
  text-align: center;
  /* Text color. */
  color: ivory;
  /* Background color. */
  background-color: darkslategray;
  /* Spacing for the container. */
  padding: 10px;
  /* Font of the credits. */
  font-family: Verdana;
}