body {
	background-color: #2c211d;
	margin: 0;
	padding: 0;
	  
	background-image: url('/images/bg-image.jpg');
	background-size: cover;       /* fill the viewport */
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed; /* keeps it from scrolling */
}

body.modal-open {
	overflow: hidden;
	height: 100vh;
  }
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

@keyframes funkhole-flush {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.flush-once {
  animation: funkhole-flush 0.5s ease-in-out 1;
}
.poop-big {
  font-size: 5rem !important;
  z-index: 50 !important;
 transform: translate(-2rem, -40%) !important;
}

@keyframes thump {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.06); }
  100% { transform: scale(1); }
}

.thump-once {
  animation: thump 0.3s ease-in-out 1;
}

#titwanknuggets {
	/* This style is just so I can say "titwanknuggets". titwanknuggets. */
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.fade-in {
  animation: fadeIn 2s ease-in-out;
}
@keyframes spin-slow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.animate-spin-slow {
  animation: spin-slow 60s linear infinite;
}
@keyframes blink {
0%, 49% { opacity: 1; }
50%, 100% { opacity: 0; }
}
.blink {
animation: blink 1s step-start infinite;
}
.myshadow {
text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}

.center-video {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
}

.center-video iframe {
  max-width: 100%;
  border: none;
}

/* Stylish dark scrollbars for modals and lyrics content */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #111; /* dark track */
}

::-webkit-scrollbar-thumb {
  background-color: #444; /* slightly lighter thumb */
  border-radius: 4px;
  border: 2px solid #111; /* matches track, gives padding illusion */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #666;
}

/* Firefox support */
* {
  scrollbar-width: thin;
  scrollbar-color: #444 #111;
}

#uploadForm label {
  display: inline;
}