img { width: 100%; }

.pdf { width: 30px; } 

.menu { background-color: brown; }

a { text-decoration: none; }

.w100 { width: 100%; }

label { margin-bottom: 5px; }

#logotipo{
    animation-name: slideLeft;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;
    animation-timing-function: cubic-bezier(0.28,-1.48, 0.54, 2.21);
}
#logotops:hover{
    animation-name: glow;
    animation-duration: 2s;
}

@keyframes slideLeft{
    from{transform: translateX(300%)}
}

@keyframes glow{
    50%{box-shadow: 0px 0px 150px hsl(60, 100%, 64%)}
}