body {
     font-family: "Roboto", serif;
     background-color: #49464a;
     margin: 5%;
}
h1, h2, h3 {
     font-weight: normal;
     color: rgb(230, 232, 215);
}
p {
     font-weight: normal;
     color: rgb(177, 178, 168);
}

.accordion {
     .accordion-header {
          cursor: pointer;
          &:hover {
               color: gold;
          }
          h3:after {
               content: '\002b';
               float: right;
               font-size: 1.4em;
               font-weight: 100;
          }
     }
     .accordion-panel {
          height: 0;
          overflow: hidden;
          transition: all 300ms;
     }
     &.open {
          .accordion-header {
               color: gold;
               h3:after {
                    content: '\2013';
               }
          }
          .accordion-panel {
               height: auto;
               padding: 10px 0;
          }
     }
}