.page-content {
     width: 80%;
     align-items: center;
     display: flex;
     flex-direction: column;
     margin: auto;
 }

 .maf_leaderboard_table {
     width: 100%;
     border-collapse: collapse;
 }

 .maf_leaderboard_table th {
     text-align: left;
     padding: 8px;
 }

 .maf_leaderboard_table_body_th {
     padding: 8px;
     display: flex;
     align-items: center;
 }

 .avatar_and_frame_parent {
     position: relative;
     display: inline-block;
     width: 40px;
     height: 40px;
     cursor: pointer;
 }

 .maf_avatar_base_img {
     display: block;
     width: 32px;
     height: 32px;
     border-radius: 50%;
     padding: 1px;
     margin: 3px 3px;
 }

 .maf_avatar_frame_img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: auto;
     pointer-events: none;
     z-index: 999;
 }

 table.dataTable.no-footer {
     border: none !important;
 }

 table.dataTable thead th,
 table.dataTable thead td {
     border-bottom: none !important;
 }

 table.dataTable {
     border-collapse: collapse;
 }

 .maf_hidden {
     display: none !important;
 }

 .wp_maf_switch_scores_parent,
 .wp_maf_switch_difficulty_parent {
     display: flex;
     flex-direction: row;
     gap: 10px;
     justify-content: center;
     align-items: center;
 }

 .wp_maf_switch_difficulty_parent {
     margin-bottom: 30px;
 }

 .wp_maf_switch_scores_buttons,
 .wp_maf_switch_difficulty_buttons {
     border-radius: 12px !important;
     border: 1px solid var(--e-global-color-f381d79) !important;
     background-color: transparent !important;
     color: var(--e-global-color-f381d79) !important;
     font-size: 16px !important;
     margin: 0px 0px 0px 0px;
     padding: 20px !important;
     font-family: "Unageo", Sans-serif !important;
     box-shadow: rgba(255, 211, 94, 0.17) 2px 3px 30px 0px;
     transition: all;
 }

 .wp_maf_switch_scores_buttons.active,
 .wp_maf_switch_difficulty_buttons.active {
     background-color: var(--e-global-color-f381d79) !important;
     color: var(--e-global-color-56fc908) !important;
 }

 .maf_mt30 {
     margin-top: 26px !important;
 }

 .position1 {
     order: 2 !important;
     animation: fadeInUp 0.7s ease-out forwards;
 }

 .first {
     animation: fadeInUp 0.7s ease-out forwards;
 }

 .position2 {
     order: 1 !important;
     top: 10%;
     animation: moveLeftToRight 0.7s ease-out forwards;
 }

 .second {
     animation: moveRightToLeft 0.7s ease-out forwards;
 }

 .position3 {
     order: 3 !important;
     top: 10%;
     animation: moveRightToLeft 0.7s ease-out forwards;
 }

 .third {
     animation: moveLeftToRight 0.7s ease-out forwards;
 }

 .inner_fram_block img {
     position: absolute;
 }

 .maf_leaderboard_top_3 {
     margin-top: unset !important;
 }

 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(200px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes moveLeftToRight {
     from {
         transform: translateX(-100%);
         opacity: 0;
     }

     to {
         transform: translateX(0);
         opacity: 1;
     }
 }

 @keyframes moveRightToLeft {
     from {
         transform: translateX(100%);
         opacity: 0;
     }

     to {
         transform: translateX(0);
         opacity: 1;
     }
 }

 @media (max-width: 500px) {

     .wp_maf_switch_scores_parent,
     .wp_maf_switch_difficulty_parent {
         flex-wrap: wrap;
         gap: 6px;
     }

     .wp_maf_switch_scores_buttons,
     .wp_maf_switch_difficulty_buttons {
         font-size: 12px !important;
         padding: 8px !important;
     }

     .position1 {
         top: 0 !important;
         order: 1 !important;

     }

     .position2 {
         order: 2 !important;
         top: 2% !important;
     }

     .position3 {
         order: 3 !important;
         top: 4% !important;
     }
 }