@font-face {
  font-family: 'Venus Rising';
  src:
      local("Venus Rising"),
      url("venus-rising.woff");
}

a {
    color: white;
    text-decoration: none;
}

.about {
    background-color: white;
    color: #434343;
    font-family: "Lato", sans-serif;
    padding: 20px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

.about h1 {
    color: black;
}

.album {
    background-image: linear-gradient(#2B2B2B , #6057C7);
    display: block;
    flex-wrap: wrap;
    font-family: 'Venus Rising', sans-serif;
    gap: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 20px;
    width: 60%;
}

.album h2 {
    color: white;
    width: 100%;
}

.album p {
    font-family: "Lato", sans-serif;
}


/* Track list on album pages */
.album li {
    background: #AAAAAA; 

}

.album img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 600px;
    max-height: 600px;	
}

.audioPlayer {

    display: block;
    width: 100%;
}

.discography {
    margin-top: 20px;
}

.discography h1 {
     margin-left: auto;
     margin-right: auto;
     width: 60%;
}

body {

    background-color:#222222;
    line-height: 1.5;
}

.footer {
    color: white;
    font-family: 'Venus Rising', sans-serif;
    text-align: right;
}

h1 {
    color: white;
    font-family: 'Venus Rising', sans-serif;
}


.header {
    background-image: url("../images/banner.jpg");
    background-attachment: scroll; /*fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #FFFFFF;
    font-family: 'Venus Rising', sans-serif;
    min-height: 400px;
    position: relative;
}

.header h1 {
    padding-left: 20px;
    padding-top: 50px;
}

.header p {
    padding-left: 20px;
}

.menu {
    float: right;
    padding: 20px;
}

.menu ul {
    list-style-type: none;
}

.menu-item a:hover {
    color: white;
    text-decoration: underline;
}

.tracklist {
    color: white;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    width: 74%
}

.trackname {
    background-color: #656565;
    padding: 0px;
    margin: 0px;

}