body {
    font: 400 15px Lato, sans-serif;
    line-height: 1.8;
    color: #ffffff;
    background-color: #000000;
  }

h1{
    font-family:'Ruthligos'; !important
    font-size: 2em; !important
  }

 .jumbotron {
    background-color: #000000;
    color: #fff;
    padding: 100px 25px;
    font-family: Montserrat, sans-serif;
  }

  
@font-face {
  font-family: 'Ruthligos';
  src: url('../fonts/Ruthligos.ttf') format('truetype');
}

.whatsapp-button {
      display: inline-flex;
      align-items: center;
      padding: 10px 20px;
      border: 2px solid white;
      background-color: transparent;
      color: white;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      border-radius: 30px;
      transition: all 0.3s ease;
    }

.whatsapp-button i {
      margin-right: 10px;
      font-size: 18px;
    }

.whatsapp-button:hover {
    background-color: white;
    color: #25D366;
}


.instagram-button {
      display: inline-flex;
      align-items: center;
      padding: 10px 20px;
      border: 2px solid white;
      background-color: transparent;
      color: white;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      border-radius: 30px;
      transition: all 0.3s ease;
    }

.instagram-button i {
      margin-right: 10px;
      font-size: 18px;
    }

.instagram-button:hover {
      background-color: white;
      color: #E1306C;
    }

.linkedin-button {
      display: inline-flex;
      align-items: center;
      padding: 10px 20px;
      border: 2px solid white;
      background-color: transparent;
      color: white;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      border-radius: 30px;
      transition: all 0.3s ease;
    }

.linkedin-button i {
      margin-right: 10px;
      font-size: 18px;
    }

.linkedin-button:hover {
      background-color: white;
      color: #E1306C;
    }

.web-button {
      display: inline-flex;
      align-items: center;
      padding: 10px 20px;
      border: 2px solid white;
      background-color: transparent;
      color: white;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      border-radius: 30px;
      transition: all 0.3s ease;
    }

    .web-button i {
      margin-right: 10px;
      font-size: 18px;
    }

    .web-button:hover {
      background-color: white;
      color: #000; /* Color del texto en hover */
    }

.email-button {
      display: inline-flex;
      align-items: center;
      padding: 10px 20px;
      border: 2px solid white;
      background-color: transparent;
      color: white;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      border-radius: 30px;
      transition: all 0.3s ease;
    }

.email-button i {
      margin-right: 10px;
      font-size: 18px;
    }

.email-button:hover {
      background-color: white;
      color: #000; /* Color del texto en hover */
    }