/* Feel free to add CSS here! */

#doggo{
  float: left;
}
#cat{
  float: right;
}

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

#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: antiquewhite;
  /* Background color. */
  background-color: lightcoral;
  /* Spacing for the container. */
  padding: 0px;
  /* Font of the title and subtitle. */
  font-family: Times New Roman;
}

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

#main {
  /* Text color. */
  color: darkslategray;
  /* Background color. */
  text-align: center;
  background-color: lightsteelblue;
  /* Spacing for the container. */
  padding: 1.5px;
  /* 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: antiquewhite;
  /* Background color. */
  background-color: lightcoral;
  /* Spacing for the container. */
  padding: 4px;
  /* Font of the credits. */
  font-family: Comic Sans MS;
}