@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap");

* {
  font-family: "Red Hat Text", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
body {
  margin: 70px;
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items:first baseline;
  background-color: hsl(13, 31%, 94%);
}
@media (min-width: 600px) and (max-width: 1110px){
  body {
    flex-direction: column;
    align-items:center;
    margin: 30px;
    gap: 60px;
  }
}
@media (max-width: 700px){
  body {
    flex-direction: column;
    align-items:center;
    margin: 20px;
    gap: 60px;
  }
}