html {
  margin: 0;
  padding: 0;
  overflow-y:scroll; }

body {
  background: #212121;
  color: #f7f7f7;
  margin: 0;
  padding: 0; }
  
#container {
    position: absolute;
    height: 100%;
    display: flex;
    flex-flow: column;
    width: 100%;
}

.rules-cards .card {
  margin-left: 47px;
  border: none;
  border-radius: 0; }
  .rules-cards .card .rule-iter {
    position: absolute;
    left: -48px; }
    .rules-cards .card .rule-iter:after {
      content: '';
      display: block;
      width: 100%;
      height: 60px;
      border-right: #343a40  48px solid;
      border-bottom: transparent 28px solid;
      position: absolute;
      left: 0;
      top: 0; }
    .rules-cards .card .rule-iter span {
      position: absolute;
      z-index: 1;
      width: 30px;
      height: 30px;
      line-height: 25px;
      display: block;
      text-align: center;
      left: 11px;
      top: 6px;
      font-size: 20px;
      font-weight: bold;
      color: #e4e4e4;
      border: 1px solid #CDDC39;
      border-radius: 50%; }
  .rules-cards .card .rules-text {
    background: #282c2f;
    cursor: pointer; }
    .rules-cards .card .rules-text img {
      box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
      align-self: center; }
  .rules-cards .card .card-title {
    cursor: pointer; }
  .rules-cards .card .toggle-text {
    display: none; }

/*# sourceMappingURL=style.css.map */