:root {
    color-scheme: dark;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #1b222c #010409;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 14px;
}

*::-webkit-scrollbar-track {
    background: #010409;
}

*::-webkit-scrollbar-thumb {
    background-color: #1b222c;
    border-radius: 20px;
    border: 3px solid #010409;
}

body,
html {
    background: #010409 !important;
    padding-top: 5px;
    min-height: 100%
}

.copyright {
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.8125em;
  font-style: normal;
  font-weight: normal;
}
.gigs {
  float: left;
  font-family: Arial, sans-serif;
  color: #68d859;
  font-size: 1em;
}
.gigdate {
  float: left;
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.8125em;
}

/* ===== Small inline icons (flyer/twitch thumbnails in the gigs table) ===== */
.icon-sm {
  width: 20px;
}

/* ===== Network buttons =====
   Shared look for the social/network buttons; only the color or
   background image changes per network. Previously duplicated as
   inline styles on every button in index.html. */
.btn-network {
  border-style: solid;
  border-color: #6d767d;
}

.btn-website {
  background-color: #9b5b00;
}
.btn-website : hover {
  background-color: #9b5b00;
}

.btn-twitter {
  background-color: #1d9bf0;
}

.btn-twitch {
  background-color: #8a4bfe;
}

.btn-instagram {
  background-image: url('../../images/instagram.webp');
  background-size: 100%;
}

.btn-tiktok {
  background-image: url('../../images/tiktok.webp');
  background-size: 100%;
}