.pagination li {
    float: left;
    width: 87px;
    border-radius: 4px;
}
.pagination {
    list-style-type: none;
    overflow: hidden;
    color: #fff;
    background-color: #161B22;
    width: auto;
    display: inline-block;
}
#footer-footer{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.pagination,
table {
    margin: auto;
}
footer p,
table th {
    color: #E6EDF3;
}
.pagination a {
    padding: 6px;
    color: inherit;
}
.disabled {
    display: none;
}
#current,
.current,
.pagination li:hover {
    background-color: #3A86FF;
}
footer {
    min-height: 200px;
    height: auto;
    background-color: #0F172A;
}
table td {
    text-align: center;
    color: #7DD3FC;
}
table a {
    color: inherit;
    text-decoration: none;
}
td a:hover {
    text-decoration: underline;
}
table {
    width: 600px;
    padding-top: 20px;
}
.pagination li,
footer p {
    padding: 0;
    margin: 0;
}
#pag {
    width: 540px;
    margin: auto;
}

.protected-badge {
				display: inline-block;
				text-align: center;
				padding: 10px 15px;
				background: linear-gradient(135deg, #1a1a1a, #333);
				color: #fff;
				font-size: 14px;
				border-radius: 8px;
				border: 2px solid #00aaff;
				text-decoration: none;
				font-weight: bold;
				transition: transform 0.2s ease, box-shadow 0.2s ease;
			}

			.protected-badge:hover {
				transform: scale(1.03);
				box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
			}

			.badge-icon {
				display: block;
				font-size: 20px;
				margin-bottom: 4px;
			}

            #parent{
                display:flex;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
                margin-bottom:20px;
            }

@media screen and (max-width: 800px) {
    #pag,
    table {
        width: 100%;
    }
    table td {
        width: 100px;
    }
}

@media screen and (max-width: 728px){
    #footer-footer {
    font-size:10px;
}
}

@media screen and (max-width: 620px) {
    #pag,
    table {
        width: 100%;
    }
    table{
        margin:auto;
        width:81%;
        margin-bottom:12px;
    }
    table td {
        width: 100px;
    }
    #badge{
        margin-bottom:12px;
    }
}