body {
  color: #363636;
  font-family: Open Sans;
  font-size: 16px;
  border: 0;
  margin: 0;
}

h1 {
  font-size: 50px;
  border: 0;
  margin: 0;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 30px;
}

/*
<header><img src="../../04/final/img/logo-move-academy.png"></img>
        <nav>
            <ul>
                <li><a href="#about">ABOUT</a></li>
                <li><a href="#teach">STAFF</a></li>
                <li><a href="#class">CLASSES</a></li>
                <li><a href="#book">BOOKING</a></li>
            </ul>
        </nav>
    </header>
*/
header {
  border-top: 3px solid #7e4a7c;
  display: flex;
  flex-direction: column;
}
header img {
  width: 40%;
  margin: auto;
}
header nav {
  width: 90%;
  background-color: #7e4a7c;
  margin: auto;
  padding: 10px;
}
header nav ul {
  padding: 0;
  margin: auto;
  display: flex;
  flex-direction: row;
  list-style-type: none;
  justify-content: space-evenly;
}
header nav ul li a {
  color: white;
  text-decoration: none;
  font-size: 24px;
}

main, footer {
  width: 90%;
  margin: auto;
}

/*# sourceMappingURL=style.css.map */