@import '~bemuse/ui/common';

.AboutScene {
  @include scene-background(url(~bemuse/ui/images/bg/c.jpg));

  .SceneHeading {
    z-index: 10;
  }
  > section {
    @include scrolling-y;
    @include full-screen;
    padding: 10rem 3.85rem 3em;
    background: rgba(black, 0.64);
    font-size: 17px;
  }
  @media (orientation: landscape) {
    > section {
      overflow-y: hidden;
      right: 5vw;
      left: 5vw;
      padding-left: 2vw;
      padding-right: 2vw;
      display: flex;
    }
    > section > article {
      @include scrolling-y;
      width: 50%;
      height: 100%;
      box-sizing: border-box;
      padding: 0 1em 0;
    }
  }

  h2 {
    font-size: 1.5em;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(black, 0.3);
  }
  p {
    text-align: justify;
    text-shadow: 1px 1px 0 rgba(black, 0.3);
  }
  a {
    color: #ffa;
  }

  &のlogo {
    text-align: center;
    img {
      max-width: 80%;
    }
  }
  &のdjbm {
    text-align: center;
    img {
      width: 64%;
      max-width: 215px;
    }
  }
  &のteamList {
    list-style: none;
    padding-left: 1ex;
    margin-top: 0;
  }
}
