body {
    background-color:#2e2e2e;
    display: flex;
    justify-content: center;   /* horizontal centering */
    align-items: center;       /* vertical centering */
    height: 100vh;             /* full viewport height */
    margin: 0;                 /* remove default body margin */
}

.gay {
    font-size: 42px;
    font-family: Arial Black, Gadget, sans-serif;
    animation: rainbow-color-change 3s linear infinite alternate;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
}
@keyframes rainbow-color-change {
    0%, 100% { color: #ff0000; } /* Red */
    14% { color: #ff8b00; } /* Orange */
    28% { color: #e8ff00; } /* Yellow */
    42% { color: #5dff00; } /* Green */
    56% { color: #00b9ff; } /* Blue */
    70% { color: #5d00ff; } /* Indigo */
    84% { color: #e800ff; } /* Violet */
}

.spin {
    display: inline-block;
    animation: spin 3s linear infinite;
    transform-origin: center center;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.smalltext {

    font-size: 13px;
    color:rgb(255, 255, 255);
}