*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#bfa28c #dbd0bb}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#dbd0bb;border-radius:10px;margin:8px}::-webkit-scrollbar-thumb{background:#bfa28c;border:3px solid #dbd0bb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9d8370}html{flex-direction:row;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}body{background-color:#cab9a7;width:100%;height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}#nav{background-color:#dbd0bb;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:20%;display:flex}#nav h1{margin-right:50px;font-size:40px}#nav img{width:150px;height:150px}#main{flex-direction:row;width:100%;height:80%;display:flex}#left-container,#right-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}#chart-box,#search-container{background-color:#bfa28c;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;width:500px;height:400px;display:flex}#chart-box h2,#search-container h2{font-size:35px}#leaderboard{flex-direction:column;justify-content:flex-start;align-items:center;width:350px;height:250px;margin-bottom:5px;display:flex;overflow-y:scroll}#leaderboard table{text-align:center;width:100%;font-size:20px}#rank-details-box{flex-direction:column;justify-content:center;align-items:center;display:flex}#rank-details-box p{text-align:center}#icon-box{flex-direction:row;justify-content:center;align-items:flex-end;gap:50px;display:flex;overflow:visible}.icon-box-element{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.icon-box-element p{text-align:center;width:150px;margin:10px 0 0;font-size:25px;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.icon-box-element img{height:120px}#first-place{margin-bottom:30px}#table th,td{padding:5px;overflow:visible}table,thead,tbody,tr{overflow:visible}#table th{z-index:1;background-color:#bfa28c;position:sticky;top:0}@media (width<=820px){#nav{background-color:#dbd0bb;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex}#nav h1{text-align:center;margin:0}#nav img{width:100px;height:100px}#main{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-top:10px;display:flex}#left-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:230px;display:flex}#chart-box{background-color:#bfa28c;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;width:350px;height:215px;margin-bottom:0;padding-top:15px;display:flex}#right-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;display:flex}#search-container{background-color:#bfa28c;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;width:350px;height:270px;display:flex}#leaderboard{flex-direction:column;justify-content:flex-start;align-items:center;width:300px;height:250px;margin-bottom:10px;display:flex;overflow-y:scroll}#leaderboard table{width:100%;margin-top:20px;font-size:15px}#icon-box{gap:20px}.icon-box-element img{height:80px}.icon-box-element p{text-align:center;width:100px;margin:5px 0 0;font-size:14px;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}#nav h1{font-size:30px}#chart-box h2{margin-top:0;margin-bottom:25px;font-size:20px}#search-container h2{font-size:20px}}