@import url("https://use.typekit.net/hgn8amv.css");
* {
  box-sizing: border-box;
  margin: 0px;
}

header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}
header .logo {
  height: 80px;
}

a {
  text-decoration: none;
}

main {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  padding-top: 120px;
  padding-bottom: 120px;
  width: 100%;
  height: calc(90vh - 120px);
  font-family: roboto, sans-serif;
  background-color: #FFCB04;
}
main article {
  text-align: center;
  width: 100%;
}
main .btn {
  display: inline-block;
  padding: 12px 28px;
  transition: 0.3s ease;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  color: #FFCB04;
  background-color: #000000;
}
main .btn:hover {
  color: #000000;
  background-color: #ffffff;
}

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