body {
align-items: left;
background-color: MintCream;
font-family: "Times New Roman";
font-size: 100%;
}


h1 {
padding-left: 40px;
font-size: 165%;
font-weight: normal;
color: #191970;
}


li {
color: #191970;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 80px;
}

.show {
color: #191970;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}

a:hover{
 color:orange;
}

a {
color: #191970;
  text-decoration: none;
}

img {
  max-width: 75%;
  max-height: auto;

}


div{
padding-left: 40px;
}

.video {
padding-top: 40px;
color: #191970;
font-size: 100%;
font-style: bold;
}

#begin {
padding-top: 40px;
color: #191970;
font-size: 100%;
}

.about{
padding-top: 0px;
color: #191970;
font-size: 100%;
}
.discog {
color: #191970;
font-size: 100%;
font-style: italic;
}

footer {
color: #191970;
padding-top: 0px;
padding-left: 40px;
font-size: 60%;
}

video{
    width: 100vw;  
    min-height: 100vh; 
    display: flex;      
    justify-content: center;
    align-items: center;
}

.name{ 
padding-top: 0px;
color: #CC5500;
font-size: 100%;
}

@media screen and (max-width: 768px) {
  .hide-on-mobile {
    display: none;
  }
}