*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

@font-face {
  font-family: 'FunnelDisplay';
  src: url('fonts/static/FunnelDisplay-Bold.ttf') format('truetype');
  font-weight: bold;    
  font-style: bold;
}

body {
    background-color: #2c2c2c;
}



/* keyframe para sombra en letra */
@keyframes text-shadow {
    0% {
        text-shadow: 10px 0 0px #8f28e9;
    }
    50% {
        text-shadow: 0 10px 0px #8f28e9;
    }
    100% {
        text-shadow: 0 0 10px #2c2c2c;
    }
}
img{
    animation: img-shadow 2s infinite alternate;
}
@keyframes img-shadow {
    0% {
        filter: drop-shadow(20px 0 0 #8f28e9);
    }
    50% {
        filter: drop-shadow( 0 20px 0 #8f28e9);
    }
    90% {
        filter: drop-shadow(0 0 20px #8f28e9);
    }
}