body{
  background-image: url('/images/misc/checker.jpg');
  background-size: cover;
}

.mp3player{
  height:200px;
}

.album{
  position:absolute;
  max-height:77px;
  margin-left:-53px;
  margin-top:-121px;
}

button{
  position:absolute;
  margin-left:80px;
  margin-top:148px;
}

article{
  background:white;
  margin:auto;
  position:relative;
  max-width:100%;
  min-width:200px;
  border: 5px solid black;
}

#main{
  display:flex;
  flex-flow:row wrap;
  max-width:90%;
  margin: 0 auto;
  justify-content:center;
  align-items: flex-start;
}

#main.leftside aside.left {
  position:fixed;
  left:30px;
  top:10px;
  max-width:150px;
}

aside.left{
  flex: 1 2 10%;
  align-items: flex-start;
  margin-top:75px;
}

.wrap{
  flex-flow: row wrap;
}

aside, main{
  display:flex;
}

#main.leftside main {
  margin-left:200px;
}

main{
  flex: 1 4 40%;
  min-width:300px;
}

h1{
  text-align:center;
  padding-top:10px;
  margin-bottom:-15px;
  color:black;
  text-shadow:2px 2px 4px grey;
}

p{
  margin:50px;
}

article{
 margin-top:50px;