.load{

    animation: slide 1s;

}



.slider{

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    width: 100%;

    height: 100vh;

    animation: slide 20s infinite;

}



.content{

    color: black;

    width: 100%;

    height: 100vh;

    background-color: rgba(255, 255, 255, 0.2);

}



.principal{

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    position: absolute;

    letter-spacing: 5px;

    text-align: center;

}



.principal h1{

    font-size: 70px;

    margin-bottom: 20px;

    font-family: 'Playfair Display', serif;

}



.principal p{

    font-size: 20px;

    font-family: 'Playfair Display', serif;

}