@import url("https://fonts.googleapis.com/css?family=Borel");
@import url("https://fonts.googleapis.com/css?family=Inter");
@import url("https://fonts.googleapis.com/css?family=Cactus Classical Serif");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('footer.css');
@import url('menu.css');

/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  text-decoration: none;

}

/* Hero Section */
.home {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: url('../images/MeninaPintando.jpg') no-repeat top left;
  background-size: cover;
  color: white;
  height: 100vh;
}

.home-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 20vh;
}

.home-text h1 {
  font-size: 8vw;
  font-family: 'Borel';
  color: #d63477;
}

.home-text p {
  font-size: 4vw;
  align-self: center;
  color: #d63477;
}

/* About Me Section */
.about {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding-right: 0;
  padding-left: 3vw;
  padding-top: 5vh;
  padding-bottom: 6vh;
  background-color: #f5c2d7;
}

.about img {
  border-radius: 50%;
  width: 40vmin;
  height: 40vmin;
  object-fit: cover;
}

.about h2 {
  font-size: 2rem;
  font-family: "Cactus Classical Serif";
  margin-bottom: 5vh;
  color: #444;
}

.about p {
  font-size: 1rem;
  font-family: "Inter";
  color: #555;
  max-width: 50vw;
  line-height: 1.6;
}

.about-button {
  background-color: white;
  border: none;
  padding: 10px 20px;
  font-size: 1rem;
  cursor: pointer;
  color: #444;
  border-radius: 5px;
  margin-top: 7vh;
  text-decoration: none;
}

.about-button:hover {
  background-color: #ddd;
}

/* Illustrations Section */
.illustrations {
  text-align: center;
  padding: 5vh 0;
}

.illustrations h2 {
  font-size: 2rem;
  font-family: "Cactus Classical Serif";
  color: #444;
  margin-bottom: 3vh;
}

.illustration-gallery {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 3vh;
}

.illustration-gallery img {
  border: 2px solid #ddd;
  width: 30vw;
  height: 50vh;
  object-fit: contain;
  border-radius: 10px;
}


.illustrations-button {
  background-color: white;
  border-color: #d63477;
  padding: 10px 20px;
  font-size: 1rem;
  cursor: pointer;
  color: #3d062b;
  border-radius: 5px;
  margin-top: 5vh;
  text-decoration: none;
}