body{
  background: rgb(181, 124, 107);
   font-family: 'Courier New', Courier, monospace;
      font-size: 14px;
}

.leftbar{
  background: rgb(255, 236, 194);
   text-indent: 5px;
    width: 200px;
    height: 200px;
    margin-top: 25px;
    position: fixed;
    margin-left: 10%;
    border:  5px rgb(219, 194, 92) ridge;
    overflow-y: auto;
    outline: 5px rgb(155, 157, 83) solid;
}
    
  .leftbar2{
  background: rgb(255, 236, 194);
    width: 200px;
    height: 200px;
    margin-top: 25px;
    position: fixed;
    margin-left: 10%;
    border:  5px rgb(219, 194, 92) ridge;
    outline: 5px rgb(155, 157, 83) solid;

}
.next{
  background: rgb(255, 236, 194);
  background-size: contain;
  width: 50px;
  height: 50px;
  top: 125px;
  position: fixed;
  margin-left:7.75%;
  border: 5px rgb(219, 194, 92) ridge;
  outline: 5px rgb(155, 157, 83) solid;
  
}

.back{
  background: url(/images/back.png);
  background-size: contain;
  width: 20px;
  height: 20px;
  top: 125px;
  position: fixed;
  margin-left:8.75%;
  border: 5px rgb(219, 194, 92) ridge;
  outline: 5px rgb(155, 157, 83) solid;
}


.main{
  background: rgb(255, 236, 194);
  margin: 0 auto;
  text-align: center;
  top: 25px;
  width: 500px;
  height: 100%;
  border:  5px rgb(219, 194, 92) ridge;
  outline: 5px rgb(155, 157, 83) solid;
}

 .rightbar{
  background: rgb(255, 236, 194);
  text-indent: 5px;
  width: 200px;
  height: 50px;
  top: 25px;
  position: fixed;
  margin-left: 72%;
  overflow-y: scroll;
  border:  5px rgb(219, 194, 92) ridge;
  outline: 5px rgb(155, 157, 83) solid;
 }
 
  .rightbar2{
  background: rgb(255, 236, 194);
  text-indent: 5px;
  width: 200px;
  height: 50px;
  top: 25px;
  position: fixed;
  margin-left: 72%;
  border:  5px rgb(219, 194, 92) ridge;
  outline: 5px rgb(155, 157, 83) solid;
 }
 
 .music{
  background: rgb(255, 236, 194);
  margin: 0 auto;
  text-align: center;
  top: 500px;
  width: 450px;
  height: 25px;
  border:  5px rgb(219, 194, 92) ridge;
  outline: 5px rgb(155, 157, 83) solid;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0%);
 }
 
 
 
 a:link {
  color: rgb(26, 46, 3);
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: rgb(49, 112, 24);
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: rgb(121, 166, 66);
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: rgb(121, 166, 66);
  background-color: transparent;
  text-decoration: underline;
}