$circle_indexes: 4 10 12 14 15 17 22
$square_indexes: 1 2 5 6 7 8 13 16 18 23
$cross_indexes: 3 9 11 19 20 21 24 25

body
  display: flex
    
.undev-logo
  margin: auto
  width: 100vmin
  height: 100vmin
  display: flex
  flex-wrap: wrap
  justify-content: space-between
  position: relative
  &:after
    display: block
    content: '™'
    font-family: 'Arial', sans-serif
    position: absolute
    top: 8vmin
    font-size: 8vmin
    
  span
    display: inline-block
    vertical-align: middle
    text-align: center
    width: 20vmin
    height: 20vmin
    font-size: 20vmin
    &:before
      display: inline-block
      vertical-align: baseline
      width: 100%
      height: 100%
  
  @each $index in $circle_indexes
    span:nth-child(#{$index}):before
      content: '●'
      position: relative
      top: 1vmin
      
  @each $index in $square_indexes
    span:nth-child(#{$index}):before
      content: '◆'
      
  @each $index in $cross_indexes
    span:nth-child(#{$index}):before
      content: '✖'
      font-size: 14vmin