body{
    background-image: url(/imagenes/backgRey.avif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

a:hover{
    color: beige;
}
button:hover{
    color: rgb(255, 205, 3);
    box-shadow: 15px 13px 20px rgb(157, 0, 255);
}
button:active{
    color: rgb(255, 102, 0);
    box-shadow: 20px 10px 10px rgb(255, 139, 7);
}
img:hover{
    color:yellow;
    box-shadow: 20px 10px 10px rgb(255, 139, 7);
}
img:active{
    color: rgb(255, 102, 0);
    box-shadow: 20px 20px 20px rgb(255, 208, 0);
}

@keyframes myFrameDash{
    from{transform: translateX(300px); opacity: 0;}
    to{transform: translateX(0); opacity: 1;}
}