#consonants-container .rune .rune-segment.upper-left {
  height: 1px;
  width: 20.82px;
  rotate: 36.898deg;
  top: 80%;
  left: 12%;
}

#consonants-container .rune .rune-segment.upper-middle {
  height: 33.3px;
  width: 1px;
  left: 50%;
}

#consonants-container .rune .rune-segment.upper-right {
  height: 1px;
  width: 20.82px;
  rotate: -36.898deg;
  top: 80%;
  right: 12%;
}

#consonants-container .rune .rune-segment.center {
  height: 33.3px;
  width: 1px;
  left: 50%;
}

#consonants-container .rune .rune-segment.lower-left {
  height: 1px;
  width: 20.82px;
  rotate: -36.898deg;
  bottom: 80%;
  left: 12%;
}

#consonants-container .rune .rune-segment.lower-middle {
  height: 33.3px;
  width: 1px;
  left: 50%;
}

#consonants-container .rune .rune-segment.lower-right {
  height: 1px;
  width: 20.82px;
  rotate: 36.898deg;
  bottom: 80%;
  right: 12%;
}

#inner-1 {

  .upper-left,
  .upper-middle,
  .upper-right,
  .center,
  .lower-middle {
    display: none;
  }
}


#inner-2 {

  .upper-middle,
  .upper-right,
  .center,
  .lower-middle {
    display: none;
  }
}

#inner-3 {
  .middle {
    display: block;
  }
}

#inner-4 {

  .upper-left,
  .upper-middle,
  .lower-left,
  .lower-right {
    display: none;
  }
}

#inner-5 {

  .upper-left,
  .upper-right,
  .lower-left,
  .lower-middle {
    display: none;
  }
}

#inner-6 {

  .upper-middle,
  .lower-left,
  .lower-right {
    display: none;
  }
}


#inner-7 {

  .upper-left,
  .upper-right,
  .lower-middle {
    display: none;
  }
}

#inner-8 {

  .upper-left,
  .lower-left,
  .lower-middle {
    display: none;
  }
}


#inner-9 {

  .upper-left,
  .upper-middle,
  .lower-left {
    display: none;
  }
}

#inner-10 {

  .upper-left,
  .upper-right,
  .lower-middle,
  .lower-right {
    display: none;
  }
}

#inner-11 {

  .upper-right,
  .upper-middle,
  .lower-left,
  .lower-right {
    display: none;
  }
}

#inner-12 {

  .upper-left,
  .upper-middle,
  .lower-right {
    display: none;
  }
}

#inner-13 {

  .upper-right,
  .lower-left,
  .lower-middle {
    display: none;
  }
}

#inner-14 {

  .lower-left,
  .lower-right {
    display: none;
  }
}

#inner-15 {

  .upper-left,
  .upper-right {
    display: none;
  }
}

#inner-16 {

  .upper-left,
  .lower-right {
    display: none;
  }
}

#inner-17 {

  .upper-right,
  .lower-left {
    display: none;
  }
}

#inner-18 {

  .upper-middle {
    display: none;
  }
}

#inner-19 {


  .lower-middle {
    display: none;
  }
}

#inner-20 {

  .upper-left,
  .upper-right,
  .lower-left {
    display: none;
  }
}

#inner-21 {

  .upper-left,
  .lower-left,
  .lower-right {
    display: none;
  }
}

#inner-22 {

  .upper-right,
  .lower-left,
  .lower-right {
    display: none;
  }
}

#inner-23 {

  .upper-middle,
  .center,
  .lower-left,
  .lower-middle,
  .lower-right {
    display: none;
  }
}

#inner-24 {

  .upper-left,
  .upper-right,
  .lower-left,
  .lower-right {
    display: none;
  }
}