@media screen and (max-width: 800px) {
  .main,
  .flex-container,
  .card {
    width: 100%;
  }
}
#step-1 nav li:nth-child(1) a,
#step-2 nav li:nth-child(2) a,
#step-3 nav li:nth-child(3) a,
#step-4 nav li:nth-child(4) a,
#step-5 nav li:nth-child(5) a,
#step-6 nav li:nth-child(6) a {
  background-color: #25243c;
}

/* text */
h1 {
  font-family: Josefin Sans;
  font-weight: 700;
}
h2 {
  font-family: Radio Canada;
  font-weight: 500;
}

title {
  font-family: Radio Canada;
  font-weight: 600px;
  margin: 0 auto;
  text-align: center;
  color: white;
}
/* main */

main {
  width: 1000px;
  height: 795px;
  margin: 0 auto;
  border: 1px solid black;
}
/* header */
header {
  background-color: #49478f;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#home-button {
  width: 106px;
  height: 35px;
  background-color: #70bf8f;
  margin-left: 17px;
  margin-top: 22px;
  text-decoration: none;
}
#home-button a {
  text-decoration: none;
  color: white;
  font-family: Radio Canada;
  font-weight: 600px;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  align-content: center;
  padding: 22px;
  display: inline-block;
  margin-left: 5px;
  margin-top: -12px;
}
#home-button:hover {
  background-color: #335842;
}
#title {
  width: 830px;
  margin: 0 auto;
  text-decoration: none;
  word-wrap: break-word;
  color: #baf2ef;
  text-align: center;
  justify-content: center;
}
/* nav */
#nav {
  display: inline-block;
  text-align: center;
}
#nav-background {
  width: 1000px;
  height: 83px;
  background-color: #aaa7f6;
}
#nav ul {
  list-style: none;
  background: none;
  text-align: center;
}
#nav li {
  display: inline-block;
  text-align: center;
}
#nav li a {
  background-color: #8f4761;
  margin: 15px;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  padding: 5px 30px;
  color: #f9ffb1;
  font-family: Radio Canada;
  font-weight: 700;
  font-size: 20px;
}
#nav li a:hover {
  background-color: #25243c;
}
/* flex container */
.flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* card */
.card {
  background-color: white;
}

.card h2 {
  text-align: center;
  margin: 12px 85px 38px 85px;
}
.card img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  width: 659px;
  background-color: #baf2ef;
}
/* start button */
#start-button {
  width: 288px;
  height: 53px;
  margin-left: auto;
  margin-right: auto;
  background-color: #49478f;
  border-radius: 70px;
  text-align: center;
  text-decoration: none;
}
#start-button a {
  text-decoration: none;
  font-family: Radio Canada;
  font-weight: 700;
  font-size: 20px;
  color: white;
  text-align: center;
  align-content: center;
  padding: 35px;
}
#start-button:hover {
  background-color: #25243c;
}
#left-arrow-button img {
  position: relative;
  margin-right: auto;
}
#left-arrow-button img:hover {
  background-color: #baf2ef;
}
#right-arrow-button img {
  position: relative;
  margin-left: auto;
}
#right-arrow-button img:hover {
  background-color: #baf2ef;
}
p {
  text-align: center;
  font-family: Radio Canada;
  font-weight: 400;
  font-size: 22px;
}