.legend-groups{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin:25px auto;
}
.enchilegend__accent {
    position: absolute;
    top: 0;
    left: 16px;
    width: 90px;
    height: 3px;
    background: #ff7200;
    border-radius: 0 0 4px 4px;
}

.legend-box{

    position:relative;

    background:#16181d;

    border:1px solid rgb(40 40 44);

    border-radius:14px;

    overflow:hidden;

    transition:.35s;

    box-shadow:
    inset 0 0 25px rgba(255,255,255,.02),
    0 8px 20px rgba(0,0,0,.45);
}

.legend-box::before{

    content:'';

    position:absolute;

    top:0;
    left:-100%;

    width:100%;
    height:3px;

    background:linear-gradient(90deg,
    transparent,
    #ff8c00,
    transparent);

    transition:.6s;
}

.legend-box:hover{

    transform:translateY(-8px);

    border-color:#ff8c00;

    box-shadow:
    0 0 20px rgba(255,140,0,.20),
    0 15px 40px rgba(0,0,0,.6);
}

.legend-box:hover::before{

    left:100%;
}

.legend-title{

    background:radial-gradient(circle at 92% 0%, rgba(255, 124, 0, 0.12), transparent 32%),
        linear-gradient(135deg, #151519 0%, #101013 58%, #18130d 100%);

    color:#fff;

    text-align:center;

    padding:15px;

    font-size:18px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    position:relative;

    overflow:hidden;
}

.legend-title::after{

    content:'';

    position:absolute;

    top:0;
    left:-100%;

    width:100%;
    height:100%;

    background:linear-gradient(120deg,
    transparent,
    rgba(255,255,255,.4),
    transparent);

    animation:shine 5s infinite;
}

@keyframes shine{

0%{
left:-100%;
}

20%{
left:120%;
}

100%{
left:120%;
}

}

.legend-box ul{

    list-style:none;

    margin:0;

    padding:18px;
}

.legend-box li{

    color:#ddd;

    background:#101114;

    border:1px solid rgba(255,255,255,.04);

    border-radius:8px;

    margin-bottom:10px;

    padding:10px 14px;

    transition:.25s;
}

.legend-box li:hover{

    transform:translateX(5px);

    background:#1d1f24;

    color:#fff;

    border-left:3px solid #ffb347;

    box-shadow:0 0 10px rgba(255,140,0,.18);
}

/* Kolory poszczególnych boxów */

.dowodztwo{



}

.forum{



}

.serwer{



}

.users{



}

/* Responsywność */

@media(max-width:1200px){

.legend-groups{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:700px){

.legend-groups{

grid-template-columns:1fr;

}

}
.elita {
	color: #ffff00;
	font-weight: 800;
	text-shadow: 1px 1px 10px #ffff00;
	background: url(https://i.imgur.com/62Kpqe3.gif);	
}
.donator {
	color: #e0b002;
	font-weight: 800;
	text-shadow: 1px 1px 10px #e0b002;
	background: url(https://i.imgur.com/62Kpqe3.gif);
}
.emerytowany {
	color: #005eff;
	font-weight: 800;
	text-shadow: 1px 1px 10px #005eff;
	background: url(https://i.imgur.com/62Kpqe3.gif);
}