p {
    margin: 0;
    font-size: 2em;
}

.Cp {
    color: purple;
    font-weight: bold;
    font-size: 3em;
    text-decoration: wavy underline;
    text-decoration-skip-ink: none;
    margin: 0;
}

h1 {
    font-size: 4em;
    margin: 200;
}

.back-link {
    font-size: 2em;
    padding: 0.5em 1em;
    margin: 1em auto;
}

.gif {
    width: 44%;
    height: 1000px;
    margin: 0 auto;
}

.funky-tteny {
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.funky-tteny:hover {
    animation: rainbow 0.5s infinite, spin 1s infinite, bounce 0.3s infinite, pulse 0.5s infinite, wave 2s infinite;
    transform: scale(2) rotate(720deg);
    text-shadow: 0 0 10px #fff,
                 0 0 20px #fff,
                 0 0 30px #fff,
                 0 0 40px #ff00de,
                 0 0 70px #ff00de,
                 0 0 80px #ff00de,
                 0 0 100px #ff00de,
                 0 0 150px #ff00de;
    letter-spacing: 10px;
    filter: hue-rotate(360deg);
}

.funky-tteny:not(:hover) {
    animation: spin-out 1s ease-out;
}

@keyframes spin-out {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes rainbow {
    0% { color: red; }
    14% { color: orange; }
    28% { color: yellow; }
    42% { color: green; }
    57% { color: blue; }
    71% { color: indigo; }
    85% { color: violet; }
    100% { color: red; }
}

@keyframes spin {
    0% { transform: rotate(0deg) scale(2); }
    100% { transform: rotate(720deg) scale(2); }
}

@keyframes bounce {
    0%, 100% { transform: translateY(0) scale(2); }
    50% { transform: translateY(-30px) scale(2); }
}

@keyframes pulse {
    0%, 100% { transform: scale(2); }
    50% { transform: scale(2.5); }
}

@keyframes wave {
    0%, 100% { transform: rotate(0deg) scale(2); }
    25% { transform: rotate(-10deg) scale(2); }
    75% { transform: rotate(10deg) scale(2); }
}