.page-container-home {
  height: 100vh;
  background-image: url('../images/background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.button-section {
  margin-top: 100px;
  display: flex;
  gap: 100px;
}

.nav-button {
  padding: 20px 40px;
  background-color: rgb(243, 347, 221);
  color:rgb(2, 17, 46);
  font-weight: bold;
  font-size: 1.5rem;
  text-decoration: none;
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: background-color 0.3s, transform 0.2s;
  font-family: Nothing You Could Do;
  
}

.nav-button:hover {
  background-color: rgb(36, 47, 100);
  transform: scale(1.05);
}

.page-container-About {
  height: 100vh;
  background-image: url('../images/background about.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}


.page-container-contacts {
  height: 100vh;
  background-image: url('../images/background about.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}




@media (max-width: 768px) {
  .button-section {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
  }

  .nav-button {
    width: 80%;
    font-size: 1.2rem;
    padding: 15px 20px;
  }

  .page-container-home,
  .page-container-About,
  .page-container-contacts {
    justify-content: center;
    padding: 20px;
    text-align: center;
  }
}