@import url('https://fonts.googleapis.com/css2?family=Iceberg&family=Oswald:wght@200..700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Tangerine:wght@400;700&display=swap');
body {
    background-color: #343a40; /* Gris oscuro */
    color: white; /* Color del texto general */
    padding-top: 70px; /* Ajusta para evitar solapamiento con el header */
  }

  /* Estilos para títulos y navegación */
  h1, h2, h3, h4, h5, h6, .navbar a, .card-title {
    color: #28a745; /* Verde para títulos y enlaces */
    font-family: "Iceberg", sans-serif;
  }

  /* Hover para enlaces */
  .navbar a:hover, .card-title:hover {
    color: #218838; /* Verde oscuro para hover */
  }

  /* Bordes claros para separar secciones */
  .card {
    border-color: #495057; /* Gris más claro */
  }
  .inicio {
    height: 100vh;
    background-image: url(../img/bgImage.webp); /* Reemplaza con tu imagen */
    background-size: cover;
    background-position: center;
  }
  .inicio .content {
    text-align: center;
    color: #fff;
  }
  #countdown{
    font-size: 60px;
    font-family: "Iceberg", sans-serif;
  }
  figure > img{
    filter: invert(1);
  }
  .callToAction{
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(4px);
    text-shadow: 0 0 4px #000;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 0 4px 4px rgba(0,0,0,0.4);


  }