body{
    margin: 0;
    padding: 0;
    background-image: url('https://static.vecteezy.com/system/resources/previews/022/330/321/non_2x/terrorist-incident-background-anti-terrorism-day-concept-generative-ai-free-photo.jpeg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Asegura que la imagen de fondo permanezca fija */
    filter: brightness(0.5); /* Aplica un filtro de brillo para oscurecer la imagen (ajusta el valor según sea necesario) */
}
.titulo {
    text-align: center;
    color: red;
    font-family: 'Montserrat', sans-serif;
    font-size: 100px;
    font-weight: bold;
    opacity: 0; /* Inicialmente, establece la opacidad en 0 para ocultar el texto */
    animation: fadeIn 3s ease-in forwards; /* Define la animación "fadeIn" */
}


@keyframes fadeIn {
    from {
        opacity: 0; /* Comienza con opacidad 0 (texto invisible) */
    }
    to {
        opacity: 1; /* Termina con opacidad 1 (texto completamente visible) */
    }
}


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');


.line-breaks {
    margin-bottom: 20%; /* Ajusta la cantidad de espaciado vertical según tus necesidades */
}

.copyright-section {
    background-color: black;
    color: white;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    top:556px;
    width: 100%;
}
.siguiente{
    display: block; 
    margin: 0 auto; 
    border-radius: 10%;
    border: 5px double black;
    color: white;
    background-color: rgba(255, 89, 89, 0.664) !important;
    animation: fadeIn 3s ease-in forwards; /* Define la animación "fadeIn" */
    cursor: crosshair;
    
    
}