/*General*/
*{margin: 0;}
body {font-family: Arial, Helvetica, sans-serif;background-color: rgb(218, 155, 155);
    }

input { color: rgb(117, 117, 117);
    height: 20px;
}

    /*Encabezado*/
    header {
        background-color: rgb(190, 36, 36);
        color: antiquewhite;
        padding: 30px;
        display: flex;
        align-items: center;
        justify-content: space-around;}
    
    nav ul {list-style: none;
       
        display: flex;
        justify-content: space-around;
        
    }
    nav li{ padding-right: 50px;}
    a{color: black; text-decoration: none;}
    a:hover {color: whitesmoke;}



    /*carrusel de fotos*/

    .slider {
        position: relative;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    
    }
    
    .slides {
        display: flex;
        width: 300%;
        height: 100%;
        animation: slide 5s infinite;
    
    }
    
    .slides img {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }

    .slider {
        position: relative;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    }
    
    /*animation*/
    @keyframes slide {
        0% { transform: translateX(0);}
        33% { transform: translateX(-100vw);}
        66% { transform: translateX(-200vw);}
        100% { transform: translateX(0);}
    }
    
    
    /*Estilos para la página fondo fijo*/
    .fondo-fijo {
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-image: url(img/slider\ 2.jpg);
        background-size: cover;
        background-attachment:  fixed;
        z-index: -1;
    }

    footer {background-color: rgb(0, 0, 0);
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        color: aliceblue; 
        padding: 2%;
        text-align: center; 
        margin-bottom: 0%;
    }