.contBanner{
    
    height: 70vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/FondoPrincipal.jpg"  ); 
    width: 100%;
    animation: movimiento 10s infinite linear alternate;
    
}
@keyframes movimiento{
    from{
        background-position: bottom left;
    }
    to{
        background-position: top right; 
    }
}

.sombra{
    position: absolute;
    left: 50%;
    top: 45%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, -50%);
    padding: 8px;
    width: 60%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    color: aliceblue;
    margin: auto;

}
.sombra hr{
border-top: 1px solid white;
}
.sombra h1{
    font-size: 5vw;
    margin-bottom: 10px;
}
.Logo a{
    display: inline-block;
    border: 1px solid none;
    padding: 1px;
    margin-bottom: 5px;
    width: 150px;
}
.Logo h1{
    display: inline-block;
    border: 1px solid none;
    padding: 1px;
    margin-bottom: 5px;
    
}
.linkBanner{
    margin: 20px;
    position: relative;
    
}
.linkBanner a{
    position: relative;
    display: inline-block;
    color: white;
    text-decoration: none;
    border: 1px solid white;
    padding: 1px;
    margin-bottom: 5px;
    width: 150px;
}

.linkBanner a:hover{
    background-color: white;
    color: black;
}

.linkAparecer{
     opacity: 1;
    animation: keyframes aparecer 1s;
    -webkit-animation: keyframes aparecer 1s;
    animation-fill-mode: forwards;
}

.linkAparecer_1{
    opacity: 1;
   animation: keyframes aparecer 1s;
   -webkit-animation: keyframes aparecer 1s;
   animation-fill-mode: forwards;
   animation-delay: 0.5s;
}