@charset "utf-8";
/* CSS Document */

*, *::before, *::after {
  box-sizing: border-box;
}
html {
    scrollbar-gutter: stable both-edges; /* Ensures space is reserved on both sides */
	background-color: #000000;
}
body {
	background-color: #000000;
	font-size: 80%;
	text-shadow: 1px 1px 50px #000000;
}

.shows {
  padding-left: 20px;
  padding-right: 20px;
}
	
.logo {
	width: 70%;
	min-width: 300px;
}

.menu {
	width: 50%;
	min-width: 300px;
	letter-spacing: 3px;
	}
	
.header {
	letter-spacing: 6px;
	font-size: 100%;
	line-height: 20px;
}
.body {
	width: 50%;
	min-width: 300px;
	letter-spacing: 3px;
	font-size: 80%;
	line-height: 20px;
}

.releasesgallery {
         
      }

.albumart {
	width: 40%;
	min-width: 325px;
}

.albumimg {
	width: 50%;
	min-width: 150px;
}

body,td,th {
	color: #FFFFFF;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FDFFBB;
}
a:active {
	text-decoration: none;
}

@media (max-width : 900px ){
body p {
	font-size: 80%;
}
	.logo img {
    min-width: 150px; /* Ensures a minimum size for the logo on small screens */
  }
}
/* CSS Document */