.moda-close img{
    width:25px;
}

.moda-close{
    margin: -.5rem -.5rem -.5rem auto;
    background: transparent;
    border: 0;
}

.modal h4{
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.3px;
    background: -webkit-linear-gradient(#ffffbe, #d1a129);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 5x;
    margin-top: 5px;
}

.modal-content{
    border: 4px solid #eed6a8;
    border-radius: 9px;
    color: white;
    height: 600px;
    background: black;
}

.modal-body{
    background: black;
    padding: 30px;
    padding-top:0px;
}

.modal-body.noscroll{
    overflow-y: hidden;
}

.modal-header{
    background:black;
    border:0;
}

a:hover{
    color:#c2aa6b;
}

table.leaderboard{
    margin:5px auto!important;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 1200px;
        margin: 1.75rem auto;
    }
}

@media (max-width: 468px){
    .modal-body{
        background: black;
        padding: 15px;
        padding-top:0px;
    }
    .modal h4{
        font-size: 16px;
    }
}

html, body {
    max-width: 100%;
    overflow-x: hidden!important;
    scroll-behavior: smooth;