/* basics */
@font-face {
  font-family: "Quicksand";
  src:
    local("Quicksand"),
    url("Quicksand_Book.otf") format("opentype")
}

body {
  background-color:#185a31;
  background-image:url(forest.jpg);
  color:#aae8c1;
  text-align:center;
  font-family:Quicksand;
}
img {
  max-width:100%;
  height:auto;
}
.box {
  background-color:#010402;
  margin:1em 0.2em;
  border: inset 3px #aae8c1;
  padding:2em;
}
.flexbox {
  display:flex;

}
/* general misc */
.side2 {
  padding:1em;
  overflow:scroll; 
  overflow-x:hidden;
  max-height:10.5em;
}
@media (max-width:740px) {
.graphics {
  display:none;
}
}
.spinach {
  background-image:url(spinach.png);
  background-repeat:no-repeat;
}
/* main page */
.main {
  flex-grow:1;
  max-width:50%;
}
.main2 {
  flex-grow:1;
  max-width:60%;
  border-top-right-radius:6em;
}
.side {
  max-width:10%;
}
@media (min-width: 740px) {
.mainpage {
  margin-left:10%;
  margin-right:10%;
}
}
button {
  background-color:#010402;
  border:inset 2px #aae8c1;
  color: #aae8c1;
  margin-bottom:1em;
  font-family:Quicksand;
  padding:0.5em;
}
.music {
  list-style-type:none;
}