@mixin pageselector
    text-align: center
    //background-color: #ccc
    margin: 2em
    ul
        list-style: none
        justify-content: center
        margin: 0
        padding: 0
        display: flex
        flex-wrap: wrap
        li a
            display: inline-flex
            text-decoration: none
            font-weight: bold
            min-width: 2rem
            min-height: 2rem
            justify-content: center
            align-items: center
            padding: .2em .5em
            margin: .3em
            border-radius: .3em
            background: #eee
            color: #ccc
            border: .1em solid #ccc
            &.active
                background: #888
                color: #eee
            &:hover
                color: #333
                background: #fff
                border: .1em solid #444