.leaderboard {
    display: grid;
    gap: 0;
    grid-template-columns: 4rem 12rem 12rem;
    color: #a8a8a8;
    padding: 0.5rem 1rem;
    text-align: center;
    margin-left: 50%;
    margin-top: 6rem;
    transform: translate(-50%, 0);
    width: 28rem;
}

.sql {
    background-color: #1C1C1C;;
    border: 2px solid #292929;
    border-radius: 0.5rem;
    color: #a8a8a8;
    padding: 0.5rem 1rem;
}

@media only screen and (max-width: 478px) {
    .leaderboard {
        transform: translate(-50%, 0) scale(0.8);
        margin-left: calc(50% - 1rem);
    }
}