/* ======================================================
   GAME CANGKIR 6
   File    : leaderboard.css
   Fungsi  : Tampilan Leaderboard
   Author  : Indra + ChatGPT
   Version : 1.4.4
====================================================== */

body{

    margin:0;

    background:#f4f6f9;

    font-family:Arial,Helvetica,sans-serif;

}

.container{

    width:95%;

    max-width:1200px;

    margin:auto;

    padding:10px;
}

.judul{

    text-align:center;

    color:#0d6efd;

    margin-bottom:25px;

}

.leaderboard{

    width:100%;

    max-width:900px;

    margin:auto;

    border-collapse:collapse;

    background:white;

    box-shadow:0 0 15px rgba(0,0,0,0.15);

}

.leaderboard th{

    background:#0d6efd;

    color:white;

    padding:12px;

}

.leaderboard td{

    padding:10px;

    text-align:center;

    border-bottom:1px solid #dddddd;

}

.leaderboard tr:hover{

    background:#f2f7ff;

}

/* ======================================================
   WARNA JUARA
   ====================================================== */


.juara1{

    background:#FFD700;

    font-weight:bold;

}


.juara2{

    background:#E5E5E5;

    font-weight:bold;

}


.juara3{

    background:#CD7F32;

    font-weight:bold;

}

/* ======================================================
   MEDALI
   ====================================================== */

.medali{

    font-size:28px;

    line-height:1;

}

/* ===================================================
   HOME LINK
   ====================================================== */

.homeLink{

    text-align:center;

    margin:18px 0;

}

.footer{

    text-align:center;

    margin:35px 0 10px;

    color:#777;

    font-size:13px;

}


/* ======================================================
   INFO BAR
   ====================================================== */

.infoBar{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    margin:18px 0;

    flex-wrap:wrap;

}

.separator{

    color:#999;

}

.updateInfo{

    color:#777;

    font-size:13px;

}

.btnHome{

    text-decoration:none;

    color:#0d6efd;

    font-weight:bold;

    transition:.25s;

}

.btnHome:hover{

    color:#084298;

}