@import url(https://fonts.googleapis.com/css?family=Quicksand);
@-webkit-keyframes fadeInOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeInOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

body, html {
  font-family: 'Quicksand', sans-serif;
  height: 100%; }

.container {
  height: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  opacity: 1;
  -webkit-animation: fadeInOpacity 2s ease-in 1;
          animation: fadeInOpacity 2s ease-in 1;
  cursor: default; }
  @media screen and (max-width: 992px) {
    .container {
      justify-content: flex-start;
      flex-direction: column;
      text-align: center; } }

custom-accordion {
  opacity: 1;
  -webkit-animation: fadeInOpacity 2s ease-in 1;
          animation: fadeInOpacity 2s ease-in 1; }

custom-section {
  padding: 5%; }
  custom-section .accordion__section__title {
    cursor: pointer; }
  custom-section .accordion__section__body {
    overflow: auto;
    max-height: 0;
    padding: 0 20px;
    transition: max-height 0.5s ease-in;
    transition: padding 0.4s ease-in; }
  custom-section.active .accordion__section__body {
    max-height: 250px;
    padding: 20px;
    -webkit-animation: fadeInOpacity 2s ease-in 1;
            animation: fadeInOpacity 2s ease-in 1; }
    @media screen and (max-width: 992px) {
      custom-section.active .accordion__section__body {
        margin: 0; } }