#rules {
  .logo {
    margin: 20px 0;

    @media @landscape {
      width: 50%;
    }

    @media @portrait {
      width: 90%;
    }
  }

  .version {
    font-family: Ethnocentric, sans-serif;
    font-weight: bold;
    color: #cef8fc;
    text-shadow: 0 0 10px #568df0;
  }

  ul {
    list-style: disc outside none;
    text-align: left;

    @media @landscape {
      width: 60%;
    }

    @media @portrait {
      width: 90%;
    }

    li {
      padding: 5px 0;
    }

    ul {
      width: 100%;
      padding-left: 10%;
    }
  }

  .how-to-play {
    line-height: 1.5;

    @media @landscape {
      width: 60%;
    }

    @media @portrait {
      width: 90%;
    }
  }
}