h1 {
  font-family: "Lexend Mega", sans-serif;
  font-weight: normal;
  font-size: 2rem;
  padding: 40px 0 0 20px;
}

.nav {
  display: flex;
  justify-content: flex-end;
  font-family: "Kiwi Maru", serif;
  font-size: 1.2rem;
  padding: 0 0 20px;
}

nav ul li {
  margin: 0 20px;
}

#design {
  text-align: center;
  font-family: "Kiwi Maru", serif;
  font-size: 2rem;
  padding: 50px 0 50px;
}

#contact {
  font-family: "Lexend Mega", sans-serif;
  font-weight: normal;
  text-align: center;
  font-size: 3rem;
}

p {
  font-family: "Kiwi Maru", serif;
}

h3 {
  font-family: "Kiwi Maru", serif;
  padding: 20px 0;
}

.designlist {
  padding: 0 50px 50px;
  gap: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  @media (max-width: 640px) {
    flex-direction: column;
    grid-template-columns: auto;
    padding: 0 30px 30px;
  }
}

.mailtext {
  text-align: center;
  padding: 0 30px;
}

.mail {
  text-align: center;
  margin: 70px auto 40px;
  a {
    background-color: #bed0da;
    border-radius: 9999px;
    padding: 30px 60px;
  }
}

footer {
  text-align: center;
  background-color: #e7eaef;
  padding: 0 0 30px;
}

.contact {
  background-color: #e7eaef;
  padding: 30px 0;
}

#contact {
  @media (max-width: 640px) {
    font-size: 2rem;
  }
}

a {
  color: black;
  text-decoration: none;
}

.mail:hover {
  text-decoration: underline;
}