/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

 body {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  
}



p.animacion {
  color: #ffffff; /* Color del texto */
  text-decoration: none; /* Quitar subrayado */
  /*font-weight: bold;*/ /* Hacer el texto en negrita */
  padding: 10px 15px; /* Espaciado interno */
  /*border: 2px solid #007bff; */ /* Borde alrededor */
  border-radius: 5px; /* Bordes redondeados */
  /*background-color: rgba(255, 255, 255, 0.5); /* Fondo */
  transition: all 0.3s ease; /* Transición para hover */
  font-size: 30px;
  text-shadow: none;

}

.card{
  background-color: rgba(0, 0, 0, 0.7); /* Fondo */
  color: #ffffff; /* Color del texto */
}


.styled-link {
  color: #007bff; /* Color del texto */
  text-decoration: none; /* Quitar subrayado */
  font-weight: bold; /* Hacer el texto en negrita */
  padding: 10px 15px; /* Espaciado interno */
  border: 2px solid #007bff; /* Borde alrededor */
  border-radius: 5px; /* Bordes redondeados */
  background-color: #f9f9f9; /* Fondo */
  transition: all 0.3s ease; /* Transición para hover */
}

.styled-link:hover {
  color: #fff; /* Cambiar color de texto al pasar el mouse */
  background-color: #007bff; /* Cambiar fondo */
  border-color: #0056b3; /* Cambiar color del borde */
}


.video-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; /* Asegura que el video esté detrás del contenido */
}

.content {
  position: relative;
  z-index: 1; /* Para que el contenido esté por encima del video */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: white;
  text-align: center;
  background: rgba(0, 0, 0, 0.4); /* Oscurece ligeramente para mejorar la visibilidad del texto */
}

.container{

  background-color: rgba(0, 0, 0, 0.7); /* Negro con 70% de transparencia */
  color: white; /* Texto en blanco para contraste */
}

h1 {
  font-size: 3rem;
  text-shadow: 2px 2px 10px rgba(255, 255, 255);
}

p {
  font-size: 1.5rem;
  text-shadow: 1px 1px 8px rgba(255, 255, 255);
}