@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap");

* {
  margin: 0;
  font-family: roboto;
}

header nav {
  display: grid;
  grid-template-columns: auto auto;
  padding: 2rem;
}

.perfil {
  display: grid;
  justify-content: end;
  font-size: 1.5rem;
}

.perfil ul a {
  text-decoration: none;
  color: #b5d3f6;
}

.corner-element {
  width: 1rem;

}

section {
  display: grid;
  grid-template-columns: 15% 15% 50%;
  justify-content: center;
  gap: 5rem;
  padding: 2rem;
}

.maicenitas img {
  width: 100%;
}
.maicenitas {
  background-color: #056c20;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.maicenitas p {
  padding: 1rem;
  color: aliceblue;
}

.ingredientes {
  display: grid;
  justify-content: center;
}

.ingredientes li {
  list-style: circle;
}

.receta {
  display: grid;
}

.receta li {
  list-style: decimal;
}

h1 {
  color: #056c20;
  font-size: 2rem;
  padding: 2rem;
}

h2 {
  color: #056c20;
}

footer {
  background-image: url("./img/fresas.webp");
  height: 25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
}

footer p {
  text-align: center;
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 10px 20px;
}