body {
      text-align: center;
     background: url("https://media.discordapp.net/attachments/815958658398814289/984354626973356052/Tumblr_l_1454366141041523.jpg");
      color: gray;
      font-family: helvetica;
      
    }
    
    #container{
     margin-top: 20px;
     margin-bottom:20px;
     border:2px solid #A8A0D1;
     border-radius:3px;
     font-family:helvetica;
     background: #FFD5EA;
     height: 450px;
     overflow: auto;
    }
/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
  height: 300px;
}

.left, .right {
  width: 15%;
}

.middle {
  width: 30%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.side-img{
   
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.audio{
  position: absolute;
    right: 0px;
    top: 0px;
}

.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: lightblue;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: pink;
}