/* === GLOBAL SETTINGS === */
.auto-style1 {
	text-align: center;
	font-size: x-large;
	border-width: 0;
	font-family: "Arial Narrow";
}
.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 {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  background: rgba(0,0,0,0.75);
  border-radius: 14px;
  padding: 10px 12px;
  box-shadow: 0 0 15px #0f0;
}

.buy-button-link {
  text-decoration: none;
  color: inherit;
}

.buy-button {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #111;
  border: 2px solid #0f0;
  border-radius: 12px;
  padding: 12px 16px;
  color: #0f0;
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
  box-shadow: 0 0 12px #0f0;
}

.buy-button img {
  height: 60px;
  border-radius: 8px;
}

#floating-buy .close-btn {
  position: absolute;
  top: 6px;
  right: 8px;
  background: none;
  border: none;
  color: #0f0;
  font-size: 18px;
  cursor: pointer;
}

#floating-buy .close-btn:hover {
  color: #ff4444;
}

/* Mobile */
@media (max-width: 600px) {
  #floating-buy {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .buy-button {
    font-size: 18px;
    justify-content: center;
  }

  .buy-button img {
    height: 44px;
  }
}












html, body {
  height: 100%;
  margin: 0;
}

body {
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,0.18) 0px, rgba(255,255,255,0.18) 1px, rgba(255,255,255,0) 1px, rgba(255,255,255,0) 48px),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.18) 0px, rgba(255,255,255,0.18) 1px, rgba(255,255,255,0) 1px, rgba(255,255,255,0) 48px),
    linear-gradient(135deg, #0047AB 0%, #000 100%);
  background-attachment: fixed;
}






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;
}


body {
  color: #ffffff;
}