body, html {
  min-height: 100vh; /* Ensures body takes full height */
  margin: 0;
  padding: 0;
  background-color: #000000;
  font-family: "Times New Roman";
 overflow-y: auto;
}

main {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    width: 100vw;
 padding: 0;
}

div {
  margin: 0;
  padding: 0; 
  display: flex;
  justify-content: center;
  width: 100%;
}

.centered-text, .left-justified-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 10px 0; 
}

.centered-text {
  align-items: center;
}


.left-justified-text {
  align-items: flex-start; 
  width: 80vw;
  margin: 0 auto;
}

p {
  color: #ffffff;
  margin: 5px;
}

.left-justified-text p {
  text-align: left;
  width: 100%;
}

.video-container {
    position: relative;
    width: 80vw;
    margin: 0 auto;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.video-container video {
    width: 100%;
    height: 100%;
    display: block;
object-fit: contain;
}

.band-name {
  font-family: "Courier New", monospace; 
  color: magenta; 
}

a:hover{
 color:magenta;
}

a {
color: #ffffff;
  text-decoration: underline;
text-align: center
}

.picture {
    position: relative;
    width: 80vw;
    height: 80vh;
    margin: 0 auto;
    overflow: hidden;
}
.picture img{
	width: auto;
    height: auto;
    display: block;
}

footer {
color: #ffffff;
font-size: 60%;
 display: flex;
  align-items: flex-start; 
  width: 80vw;
  margin: 0 auto;
}