/* General styling */

html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}



html, body, iframe, button {
margin:0;
padding:0;
border:0;
}


.kalam-light {
  font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
}

.kalam-regular {
  font-family: "Kalam", cursive;
  font-weight: 400;
  font-style: normal;
}

.kalam-bold {
  font-family: "Kalam", cursive;
  font-weight: 700;
  font-style: normal;
}



.body-text {
  font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
  margin-left: 20px;
  font-size: 25px;
  max-width: 1000px;
}


body  {
    
    background-color: #324e39;
    color: white;
}




 .collapsible {
   background-color: transparent;
   color: white;
   font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
  cursor: pointer;
  padding-top: 10px; padding-left: 0px; 
  width: 100%;
  border: none;
 text-align: left; 
  outline: none;
  font-size: 25px;
}

 .collapsible:hover {
  background-color:#477152; 
}

.active {
  background-color: #477152; 
}
 
.collapsible:after {
  /* content: '\002B'; */ 
}



.active:after {
    /* content: "\2212"; */
}

.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

span.raise {
  vertical-align:0px;
}