/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
    font-family: Arial, sans-serif;
    color: white;
    cursor: url('/spaceshippic2.PNG') 16 16, auto; /* Hotspot for 32x32 image */
    position: relative;
}
a, .rainbow-button {
    cursor: url('/spaceshippic2.PNG') 16 16, auto;
}
a:hover, .rainbow-button:hover {
    cursor: url('/spaceshippic2.PNG') 16 16, auto;
}
.flame {
    position: absolute;
    pointer-events: none;
    width: 32px;
    height: 32px;
    opacity: 1;
    transition: opacity 1s ease;
    transform: rotate(45deg);
    z-index: 1000;
}
.frame {
    background-color: white;
    border: 2px solid #ccc;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width: 90%;
    max-width: 600px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.centered-textbox {
    width: 60%;
    margin: 50px auto;
    background-color: rgba(66, 81, 89, 0.3);
    text-align: center;
    padding: 30px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
h1 {
    font-size: 3em;
    background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbowGlow 3s linear infinite;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.5);
}
@keyframes rainbowGlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
.button-container {
    text-align: center;
    margin: 20px 0;
}
.rainbow-button {
    display: inline-block;
    font-size: 1.2em;
    margin: 0 10px;
    padding: 10px 20px;
    color: transparent;
    background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
    background-clip: text;
    animation: rainbowGlow 3s linear infinite;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.5);
    text-decoration: none;
}