#app_homepage {
  padding-bottom: 30px;
  padding-top: 30px;

  header {
    .logo-aac {
      width: 80%;
    }

    .personnages-acc {
      width: 26%;
      position: absolute;
      bottom: 0;
    }

    h1 {
      color: #aab769;
      font-size: 32px;
      font-family: dinbold;
      position: absolute;
      bottom: 19px;
      width: 100%;

      .main-title {
        margin-left: 26%;
        display: inline-block;
        width: 70%;
      }

      .aac {
        color: #dc5b2f;
      }
    }
  }

  h2 {
    color: #568a73;
    font-size: 30px;
    margin-top: 80px;
    margin-bottom: 30px;
    font-family: dinbold;
  }

  ul {
    li {
      margin-top: 25px;

      button {
        width: 70%;
        font-size: 18px;
        font-family: dinbold;
        @include border-radius(15px, 15px);

        a {
          color: #FFF;
        }
      }

      .yellow {
        background-color: #ffe680;
      }

      .green {
        background-color: #aab769;
      }

      .orange {
        background-color: #dc5b2f;
      }
    }
  }

  .logo-coop {
    width: 60%;
    margin-top: 50px;
  }

  footer {
    margin-top: 50px;
    font-family: dinregular;
    color: #568a73;
    text-align: center;

    a {
      color: #568a73;
      font-family: dinbold;

      &:hover {
        text-decoration: underline;
      }
    }
  }
}