body {
    background-color: #000000;
    color: #000000;
    font-family: Arial;
    background-image: url("images/recordbackground.jpg");
    background-size:cover;
    background-attachment: fixed;
}
header {
    color: #ffffff;
    background-color: #393333;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
h1 {
    font-size: 3em;

}
h2{
    color: #2c001d;
}
nav{
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    padding-top: 5px;
    padding-bottom: 5px;
}
nav a{
    text-decoration: none;
}
footer{
    background-color: #3d0425;
    font-size: small;
    font-style: italic;
    text-align: center;
    border-top: 2px #340b02;
    padding: 1em;
}
#wrapper{
    width: 80%;
    background-color: #FEFAEB;
    margin-right: auto;
    margin-left: auto;
    min-width: 900px;
    max-width:1280px;
    box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.5);
}
h4{
    background-color: #D2B48C;
    font-size: 1.2em;
    padding-left:.5em;
    padding-bottom: .25em;
}
h3{
    color: #8C3826;
}
dt{
    color:#8C3826;
}
.details{
    padding-left: 20%;
    padding-right: 20%;
}
img{
    padding-left: 10px;
    padding-right: 10px;
}
#homehero{
    height: 300px;
    background-image: url(images/recordbackground.jpg);
    background-size: cover;
    background-repeat: repeat;
}
main{
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
}
#albumart{
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
}