.pagination {
    position: relative;
    width: 80%;
    max-width: 800px;
    margin: 4rem auto;
    font-family: Outfit, sans-serif;
    font-size: 1.2rem;
    color: #9eabb3;
    text-align: center
}

.pagination a {
    color: #3eb0ef;
    transition: all .2s ease
}

.newer-posts, .older-posts {
    position: absolute;
    display: inline-block;
    padding: 0 15px;
    border: 1px solid #bfc8cd;
    text-decoration: none;
    border-radius: 4px;
    transition: border .3s ease
}

.older-posts {
    right: 0
}

.page-number {
    display: inline-block;
    padding: 2px 0;
    min-width: 100px
}

.newer-posts {
    left: 0
}

.newer-posts:hover, .older-posts:hover {
    color: #3eb0ef;
    border-color: #98a0a4
}

.extra-pagination {
    display: none;
    border-bottom: 1px solid #ebf2f6
}

.extra-pagination:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #e7eef2;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 0 5px #fff
}

.extra-pagination .pagination {
    width: auto
}

.paged .main-header {
    max-height: 30vh
}

.paged .extra-pagination {
    display: block
}

.pagination {
    padding-top: 4rem;
    border-top: 1px solid #bfc8cd;
    word-wrap: break-word
}

.pagination:before {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #bfc8cd;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    background: #f4f8fb;
    border-radius: 100%;
    box-shadow: 0 0 0 5px #f4f8fb
}

.highlighter-rouge {
    overflow-x: auto;
    max-width: 100%;
    min-width: 100%
}

.highlight code, .highlight pre, .highlight table, .highlight tbody, .highlight tr, figure.highlight, td.code {
    border: none;
    min-width: 100%;
    max-width: 100%
}

.highlight table, .highlight td pre {
    padding: 0;
    margin: 0
}

.highlight table td {
    border: none;
    margin: none;
    padding: none
}

.highlight table td:first-child, .highlight table td:last-child {
    background: none
}

/*# sourceMappingURL=screen.edited.css.map */