body {
  /* background-color: #e1e1e1; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: center;
}

@media all and (max-width: 650px) {
  .dashboard_small {
    height: 250px;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    background-color: #2b2b2b;
    color: white;
    padding: 10px;
    margin: 10px;
    text-align: center;
    border-radius: 2vw;
    box-shadow: 5px 5px 8px #2d2d2d;
  }

  .poppins_semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
  }

  .poppins_light {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
  }

  .poppins_black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: Normal;
  }

  .dashboard_small_title {
    font-size: 0.2em;
    text-transform: uppercase;
  }

  .dashboard_small_content {
    font-size: 0.5em;
    color: #04ccfb;
    filter: drop-shadow(0 0 5px #04ccfb);
  }

  .dashboard_medium {
    height: 300px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    background-color: #2d2d2d;
    color: #ffffff;
    padding: 15px;
    margin: 10px;
    text-align: center;
    border-radius: 2vw;
    box-shadow: 4px 5px 6px 0px #212121;
    padding-bottom: 0px;
  }

  .dashboard_medium_title {
    font-size: 1em;
    text-transform: uppercase;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .dashboard_medium_number {
    font-size: 1.75em;
    color: #04ccfb;
    filter: drop-shadow(0 0 5px #04ccfb);
  }

  .dashboard_medium_list {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    overflow-y: auto;
    column-gap: 2vw;
    row-gap: 2vw;
    padding: 4px;
  }

  .dashboard_medium_stats_list {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    overflow-y: auto;
    column-gap: 2vw;
    row-gap: 2vw;
    padding: 4px;
    flex-wrap: wrap;

    -webkit-scrollbar-track {
      background-color: transparent;
    }
  }

  .dashboard_medium_stats {
    display: flex;
    align-items: center;
    width: 40%;
    padding: 4px;
    justify-content: center;
    text-align: left;
  }

  .blue_neon {
    color: #04ccfb;
    filter: drop-shadow(0 0 5px #04ccfb);
  }

  .list_items {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .list_button {
    width: 33%;
    height: 100%;
    border-color: transparent;
    border-radius: 1vw;
    border: none;
    box-shadow: 3px 3px 6px -1px #222222;
  }

  .nunito_sans_regular {
    font-family: "Nunito Sans", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100, "YTLC" 500;
  }

  .jetbrains_mono_regular {
    font-family: "JetBrains Mono", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }

  body {
    margin: 0px;
  }

  /* .dashboard_medium_stats_list::-webkit-scrollbar-track {
  background-color: transparent;
}

.dashboard_medium_stats_list::-webkit-scrollbar-thumb {
  background-image: url('images/scroll_icon.png'); 
  filter: drop-shadow(0 0 5px #ffffff);
  background-repeat: no-repeat, no-repeat;
  background-size: 20px;
} */

  .dashboard_medium_stats_list::-webkit-scrollbar {
    width: 1em;
  }

  .dashboard_medium_stats_list::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    background-color: transparent;
  }

  .dashboard_medium_stats_list::-webkit-scrollbar-thumb {
    background-image: url(images/scroll_icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}

@media all and (min-width: 651px) and (max-width: 1050px) {
  .dashboard_small {
    height: 250px;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    background-color: #2b2b2b;
    color: white;
    padding: 10px;
    margin: 10px;
    text-align: center;
    border-radius: 2vw;
    box-shadow: 5px 5px 8px #2d2d2d;
  }

  .poppins_semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
  }

  .poppins_light {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
  }

  .poppins_black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: Normal;
  }

  .dashboard_small_title {
    font-size: 0.2em;
    text-transform: uppercase;
  }

  .dashboard_small_content {
    font-size: 0.5em;
    color: #04ccfb;
    filter: drop-shadow(0 0 5px #04ccfb);
  }

  .dashboard_medium {
    height: 300px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    background-color: #2d2d2d;
    color: #ffffff;
    padding: 15px;
    margin: 10px;
    text-align: center;
    border-radius: 2vw;
    box-shadow: 4px 5px 6px 0px #212121;
    padding-bottom: 0px;
  }

  .dashboard_medium_title {
    font-size: 1em;
    text-transform: uppercase;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .dashboard_medium_number {
    font-size: 1.75em;
    color: #04ccfb;
    filter: drop-shadow(0 0 5px #04ccfb);
  }

  .dashboard_medium_list {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    overflow-y: auto;
    column-gap: 2vw;
    row-gap: 2vw;
    padding: 4px;
  }

  .dashboard_medium_stats_list {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    overflow-y: auto;
    column-gap: 2vw;
    row-gap: 2vw;
    padding: 4px;
    flex-wrap: wrap;

    -webkit-scrollbar-track {
      background-color: transparent;
    }
  }

  .dashboard_medium_stats {
    display: flex;
    align-items: center;
    width: 40%;
    padding: 4px;
    justify-content: center;
    text-align: left;
  }

  .blue_neon {
    color: #04ccfb;
    filter: drop-shadow(0 0 5px #04ccfb);
  }

  .list_items {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .list_button {
    width: 33%;
    height: 100%;
    border-color: transparent;
    border-radius: 1vw;
    border: none;
    box-shadow: 3px 3px 6px -1px #222222;
  }

  .nunito_sans_regular {
    font-family: "Nunito Sans", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100, "YTLC" 500;
  }

  .jetbrains_mono_regular {
    font-family: "JetBrains Mono", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }

  body {
    margin: 0px;
  }

  /* .dashboard_medium_stats_list::-webkit-scrollbar-track {
  background-color: transparent;
}

.dashboard_medium_stats_list::-webkit-scrollbar-thumb {
  background-image: url('images/scroll_icon.png'); 
  filter: drop-shadow(0 0 5px #ffffff);
  background-repeat: no-repeat, no-repeat;
  background-size: 20px;
} */

  .dashboard_medium_stats_list::-webkit-scrollbar {
    width: 1em;
  }

  .dashboard_medium_stats_list::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    background-color: transparent;
  }

  .dashboard_medium_stats_list::-webkit-scrollbar-thumb {
    background-image: url(images/scroll_icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}

@media all and (min-width: 1050px) {
  .dashboard_small {
    height: 250px;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    background-color: #2b2b2b;
    color: white;
    padding: 10px;
    margin: 10px;
    text-align: center;
    border-radius: 2vw;
    box-shadow: 5px 5px 8px #2d2d2d;
  }

  .poppins_semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
  }

  .poppins_light {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
  }

  .poppins_black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: Normal;
  }

  .dashboard_small_title {
    font-size: 0.2em;
    text-transform: uppercase;
  }

  .dashboard_small_content {
    font-size: 0.5em;
    color: #04ccfb;
    filter: drop-shadow(0 0 5px #04ccfb);
  }

  .dashboard_medium {
    height: 300px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    background-color: #2d2d2d;
    color: #ffffff;
    padding: 15px;
    margin: 10px;
    text-align: center;
    border-radius: 2vw;
    box-shadow: 4px 5px 6px 0px #212121;
    padding-bottom: 0px;
  }

  .dashboard_medium_title {
    font-size: 1em;
    text-transform: uppercase;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .dashboard_medium_number {
    font-size: 1.75em;
    color: #04ccfb;
    filter: drop-shadow(0 0 5px #04ccfb);
  }

  .dashboard_medium_list {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    overflow-y: auto;
    column-gap: 2vw;
    row-gap: 2vw;
    padding: 4px;
  }

  .dashboard_medium_stats_list {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    overflow-y: auto;
    column-gap: 2vw;
    row-gap: 2vw;
    padding: 4px;
    flex-wrap: wrap;

    -webkit-scrollbar-track {
      background-color: transparent;
    }
  }

  .dashboard_medium_stats {
    display: flex;
    align-items: center;
    width: 40%;
    padding: 4px;
    justify-content: center;
    text-align: left;
  }

  .blue_neon {
    color: #04ccfb;
    filter: drop-shadow(0 0 5px #04ccfb);
  }

  .list_items {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .list_button {
    width: 33%;
    height: 100%;
    border-color: transparent;
    border-radius: 1vw;
    border: none;
    box-shadow: 3px 3px 6px -1px #222222;
  }

  .nunito_sans_regular {
    font-family: "Nunito Sans", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100, "YTLC" 500;
  }

  .jetbrains_mono_regular {
    font-family: "JetBrains Mono", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }

  body {
    margin: 0px;
  }

  /* .dashboard_medium_stats_list::-webkit-scrollbar-track {
  background-color: transparent;
}

.dashboard_medium_stats_list::-webkit-scrollbar-thumb {
  background-image: url('images/scroll_icon.png'); 
  filter: drop-shadow(0 0 5px #ffffff);
  background-repeat: no-repeat, no-repeat;
  background-size: 20px;
} */

  .dashboard_medium_stats_list::-webkit-scrollbar {
    width: 1em;
  }

  .dashboard_medium_stats_list::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    background-color: transparent;
  }

  .dashboard_medium_stats_list::-webkit-scrollbar-thumb {
    background-image: url(images/scroll_icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}