/* Toggles */
details > summary {
  padding: 15px;
  width: 100%;
  background-color: #eeeeee;
  border: none;
  cursor: pointer;
  box-shadow: 1px 1px 2px #bbbbbb;
}
details > p {
  padding: 4px;
  margin: 0;
}

/* Right Aligned Character */

@media only screen and (min-width: 650px)  {
.characterimage img { 
  height: 84px !important;
  width: 120px !important;
  margin-top: 10px !important;
  right: 0 !important;
}
}

@media only screen and (max-width: 650px)  {
.characterimage img { 
  height: 63px !important;
  width: 90px !important;
  margin-top: -30px !important;
  right: 0 !important;
}
}