body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#audio {
    display: block;
    margin: auto;
    margin-top: 20px;
    min-width: 250px;
    width: 90%;
}

.dark-theme {
    background-color: #000000;
    color: #FFFFFF;
}

.normal-theme {
    background-color: #bebebe;
    color: #C53131;
}

.light-theme {
    background-color: #FFFFFF;
    color: #000000;
}

.polaroid {
    display: block;
    margin: auto;
    margin-top: 50px;
    width: 50%;
    position: relative;
    min-width: 220px;
    max-width: 400px;
}

.polaroid img {
    width: 100%;
    border: 10px solid #fff;
    border-bottom: 85px solid #fff;
    -webkit-box-shadow: 3px 3px 3px #777;
    -moz-box-shadow: 3px 3px 3px #777;
    box-shadow: 3px 3px 10px #777;
    border-radius: 10px;
}

.polaroid .details{
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0px;
    font: 400 18px/1 'Kaushan Script', cursive;
    color: #888;
}

.polaroid .details #date{
    position: absolute;
    right: -10px;
    bottom: 60px;
    font-size: 0.8em;
}
.polaroid .details #name{
    position: absolute;
    left: 10px;
    bottom: 20px;
    font-size: 1.6em;
}
.polaroid .details #artist{
    position: absolute;
    left: 10px;
    bottom: 0px;
    font-size: 1em;
}