/* I learn new things about background properties, especially background-repeat, background-size, and background-attachment to make the background pattern on the body look static and fill up the viewport like the example given to us */
body {
  font-family: "Red Hat Display", sans-serif;
  margin: 0;
  padding: 0;
  background-color: var(--color-blue-200);
  background-image: url(/images/pattern-background-desktop.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* I am also learning about the line-height property to set your line-height each sentence */
#card-description p {
  font-weight: 100;
  line-height: 1.6;
}