/* styles.css */

body {
    font-family: "Times New Roman", Times, serif;
    background-color: #E6DED1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
}

header h1 {
    font-size: 36px;
    letter-spacing: 5px;
    color: #223225;
}

header img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

main p {
    font-size: 18px;
    color: #666;
}

footer p {
    font-size: 14px;
    color: #999;
    margin-top: 20px;
}

footer a:link {
    text-decoration: none;
    margin-right: 15px;
}

/* Style all font awesome icons */
.fa-brands {
  padding: 0px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}

.fa-solid {
  padding: 0px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa-brands:hover {
  opacity: 0.7;
}

.fa-solid:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  color: #3B5998;
}

/* Twitter */
.fa-twitter {
  color: #55ACEE;
}

/* Instagram */
.fa-instagram {
  color: #cd486b;
}

/* Whatsapp */
.fa-whatsapp {
  color: #075E54;
}

/* Phone */
.fa-phone {
  color: #708090;
}

/* tiktok */
.fa-tiktok {
  color: #000000;
}

/* Set a specific color for each icon */
/* Map */
.fa-location-dot {
  color: #ea4335;
}