/*
Rainbow CSS for a colorful web experience!
*/

body {
    background: linear-gradient(135deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
    font-family: 'Comic Sans MS', cursive, sans-serif;
    color: white;
    text-shadow: 2px 2px black;
}

h1, h2, h3, h4, h5, h6 {
    text-align: center;
    color: #ff00ff;
}

a {
    color: #fff700;
    text-decoration: underline;
}

button {
    background-color: #00ffbf;
    color: black;
    border: 2px solid #000;
    border-radius: 12px;
    padding: 8px 16px;
    cursor: pointer;
}

button:hover {
    background-color: #ff00bf;
}

footer {
    text-align: center;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.8);
}