html {
    cursor: url('newcursor.png'), none;
}

body {
    background-image: url('ay-mi-cuki.png');
    background-repeat: repeat;
}

h1 {
    text-align: center;
    color: green;
    font-size: 100px;
    animation: color-change 1s infinite;
}

.fotos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.vibrate {
    animation: vibracion 0.5s infinite;
    max-width: 100%;
    height: auto;
}

@keyframes color-change {
    0% { color: red; }
    25% { color: blue; }
    50% { color: green; }
    75% { color: yellow; }
    100% { color: red; }
}

@keyframes vibracion {
    0% { transform: translateX(0) translateY(0); }
    25% { transform: translateX(10px) translateY(-6px) rotate(5deg); }
    50% { transform: translateX(-5px) translateY(10px) rotate(-5deg); }
    75% { transform: translateX(6px) translateY(-5px) rotate(3deg); }
    100% { transform: translateX(0) translateY(0); }
}

@media (max-width: 600px) {
    h1 {
        font-size: 50px;
    }
}