* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100vh;
  font-family: 'Roboto', sans-serif;
}

header {
  height: 20vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px 0 40px;
}

header img {
  height: 100%;
}

header ul {
  display: flex;
  list-style-type: none;
}

header ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #3C529E;
}

main {
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

main img {
  height: 80%;
}

main h1 {
  margin-top: 10px;
  font-size: 40px;
  color: #3C529E;
}

main section {
  margin-left: 100px;
}

footer {
  height: 10vh;
  background-color: #f0f0f0;

  display: flex;
  justify-content: center;
  flex-direction: column;

  padding: 0 20px 0 20px;
}

footer p {
  font-size: 12px;
  color: #A8A8A8;
}