.light {
    background: #f3f3f3;
    overflow: hidden;
}
.wrapper {
    margin: 0;
    padding: 4em;
}
.doc {
    border-bottom: 1px solid #ccc;
    margin: 1em auto;
    width: 40%;
}
.doc .title {
    text-align: center;
}
/*!
 * The important stuffs. The ones that you should copy-paste and use.
 */

.paginate {
    text-align: center;
}
.paginate ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.paginate li {
    display: inline;
}
.paginate a {
    margin: 1px 2px;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none;
    font-size: smaller;
    font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;
    border:1px solid #000;
}
.paginate a:first-child,
.paginate a.first {
    margin-left: 0;
}
.paginate a:last-child,
.paginate a.last {
    margin-right: 0;
}
.paginate a:hover,
.paginate a:focus {
    color: #FFF;
    background-color: #000;
}
.paginate a.more {
    margin-left: 0;
    margin-right: 0;
}
.paginate a.active {
    color: #FFF;
    background-color: #000;
}
.paginate-dark a {
    color: #fff;
    background-color: #000;
}
.paginate-dark a:hover,
.paginate-dark a:focus {
    background-color: #000;
}
.paginate-dark a.active {
    background-color: #000;
}
.paginate .disabled {
    pointer-events: none;
    cursor: default;
    color: #FFF;
    background-color: #CCC;
    border:1px solid #CCC;
}