/* Leaderboards */ .leaderboards { background-color: #1a1a1a; } /* Leaderboards Div First Child */ .leaderboards div:first-child { padding: 10px 40px; padding-top: 40px; display: flex; justify-content: space-around; align-items: flex-start; } /* Leaderboards Div First Child Table */ .leaderboards div:first-child table { border-spacing: 20px; } /* Leaderboards Div First Child Table First Child */ .leaderboards div:first-child table:first-child { width: 65%; } /* Leaderboards Div First Child Table Last Child */ .leaderboards div:first-child table:last-child { width: 25%; } /* Leaderboards Div First Child Table Tr */ .leaderboards div:first-child table tr { font-family: NeonSans; } /* Leaderboards Div First Child Table Tr Th */ .leaderboards div:first-child table tr th { text-align: start; font-size: 25px; color: #8c00ff; text-shadow: 0 0 10px #8c00ff, 0 0 20px #8c00ff, 0 0 30px #8c00ff, 0 0 40px #8c00ff; } /* Leaderboards Div First Child Table Tr Td */ .leaderboards div:first-child table tr td { font-size: 20px; color: #f700ff; text-shadow: 0 0 10px #f700ff, 0 0 20px #f700ff, 0 0 30px #f700ff, 0 0 40px #f700ff; } /* Leaderboards Div Last Child */ .leaderboards div:last-child { width: 100%; display: flex; justify-content: center; align-items: center; } /* Leaderboards Div Last Child A */ .leaderboards div:last-child a { width: 160px; padding: 30px; padding-bottom: 40px; font-family: NeonSans; font-size: 20px; color: #ff9d00; text-shadow: 0 0 10px #ff9d00, 0 0 20px #ff9d00, 0 0 30px #ff9d00, 0 0 40px #ff9d00; transition: text-shadow 0.2s linear; } /* Leaderboards Div Last Child A Hover */ .leaderboards div:last-child a:hover { text-shadow: 0 0 10px #ff9d00, 0 0 20px #ff9d00; transition: text-shadow 0.2s linear; } /* Small Screens */ @media screen and (max-width: 1111px) { /* Leaderboards Div First Child */ .leaderboards div:first-child { flex-direction: column-reverse; justify-content: center; align-items: center; } /* Leaderboards Div First Child Table First Child */ .leaderboards div:first-child table:first-child { padding-top: 50px; width: 100%; } /* Leaderboards Div First Child Table Last Child */ .leaderboards div:first-child table:last-child { width: 100%; } }