﻿/* === GLOBAL SETTINGS === */
auto-style1 {
	text-align: center;
	font-size: large;
	border-width: 0;
}
.auto-style3 {
	text-align: center;
}
.auto-style4 {
	text-align: center;
	font-size: large;
}
.auto-style5 {
	font-size: small;
}
.auto-style6 {
	text-align: left;
}






/* Floating Buy Button Layer */
#floating-buy {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0 0 15px #0f0;
}

/* Make sure inner content doesn't bump the close button */
#floating-buy-inner {
    display: flex;
    align-items: center;
}

/* Close (X) button */
#floating-buy .close-btn {
    position: absolute;
    top: 2px;
    right: 6px;
    border: none;
    background: transparent;
    color: #0f0;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
}

/* Optional: hover effect on X */
#floating-buy .close-btn:hover {
    color: #ff4444;
}






body {
    background-color: #000000;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

a {
    color: #FFFFFF;
    text-decoration: none;
}

a:visited {
    color: #C0C0C0;
}

/* === RAINBOW TEXT === */

.rainbow-text {
    font-weight: bold;
    font-size: xx-large;
    animation: rainbow 3s linear infinite;
}

.rainbow-flash {
    font-size: xx-large;
    font-weight: bold;
    animation:
        rainbow 3s linear infinite,
        flash 1s ease-in-out infinite;
}

/* Rainbow color cycle */
@keyframes rainbow {
    0%   { color: red; }
    10%  { color: orange; }
    20%  { color: yellow; }
    45%  { color: green; }
    60%  { color: blue; }
    85%  { color: indigo; }
    100% { color: violet; }
}

/* Flash (fade in/out) */
@keyframes flash {
    0%,40%,80% { opacity: 1; }
    6%,60%     { opacity: 0; }
}

/* === HEADER, BODY, FOOTER OPTIONAL CLASSES === */

.site-header {
    padding: 20px;
    text-align: center;
}

.site-footer {
    padding: 20px;
    text-align: center;
    font-size: small;
    color: #888;
}

.main-body {
    padding: 20px;
    text-align: center;
}
