/* paginacion */
.links {
    margin: 50px;
    text-align: center;
}

.links>nav {
    display: inline-block;
}

.pagination {
    display: flex;
    list-style: none;
}

.pagination>li {
    border: thin solid #001a49;
    padding: 20px 5px;
    width: 20px;
    transform: skew(-20deg);
    margin: 3px;
    background-color: #2091f9;
    box-shadow: 3px 3px 3px black;
}

.pagination>li:hover {
    transform: scale(1.1) skew(-20deg);
}

.pagination>li.disabled {
    opacity: .5;
    color: white;
    font-weight: bold;
}

.pagination>li>a {
    height: 20px;
    text-decoration: none;
    color: white;
    font-weight: bold;
}

.pagination>li.active {
    background-color: #5454d4;
    color: white;
    font-weight: bold;
}

@media (max-width: 1536px) {}

@media (max-width: 1280px) {}

@media (max-width: 1024px) {}

@media (max-width: 768px) {}

@media (max-width: 640px) {
    .pagination>li {

        display: none;
    }

    .pagination>li:first-child,
    .pagination>li:nth-child(2),
    .pagination>li:nth-last-child(2),
    .pagination>li:last-child,
    .pagination>li.active,
    .pagination>li.disabled {

        display: block;
    }
}