* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
}

.jersey-25-regular {
  font-family: "Jersey 25", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.jersey-15-regular {
  font-family: "Jersey 15", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.parent {
    height: 100%;
    margin-left: 24px;
    margin-right: 24px;
}

.background {
    width: 100%;
    background: #052B31;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    min-height: 100%;
}

.title{
    display: flex;
    justify-content: center; 
    align-items: center;     
    margin: auto;
    width: 100%;
    height: 146px;
    top: 9px;
    font-family: Jersey 25;
    font-size: 96px;
    flex-direction: row;
    gap: 0;
    color: #F2C500;
}

.bar{
    margin: auto;
    width: 100%;  
    border-top: solid #F2C500 3px;
    border-bottom: solid #F2C500 3px;
    height: 68px;
    text-align: center;
    font-family: Jersey 25;
    font-size: 32px;
    flex-direction: row;
    align-items:center;

    display: flex;
    justify-content: center;
    gap: 5%;
}

.leaderboardCategories{
    margin:auto;
    width:100%;
    height:68px;
    padding-top: 75px;
    padding-bottom: 20px;

    font-family: Jersey 25;
    font-size: 32px;

    flex-direction:row;
    align-items:center;
    display:flex;
    justify-content:center;

}

.leaderboardCategory{
  font-size: 32;
  color: #F2C500;
  font-family: "Jersey 15", sans-serif;
  font-weight: 400;
  font-style: normal;

  width: 26.66%;

  display: flex;
  align-items: center; 
  justify-content: center; 
}

.menuItemSelected{
  width: 330px;
  height: 55px;
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
  overflow: hidden;

  font-size: 32;
  color: #F2C500;
  font-family: "Jersey 15", sans-serif;
  font-weight: 400;
  font-style: normal;

  display: flex;
  align-items: center; 
  justify-content: center; 

  text-decoration: underline;
}

.leaderboardItem{
  color: #F2C500;
  font-family: "Jersey 15", sans-serif;
  width: 33.33%;
  display: flex;
  justify-content: center;
  white-space: nowrap;
}

.menuItem{
  width: 330px;
  height: 55px;
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
  overflow: hidden;

  font-size: 32;
  color: #F2C500;
  font-family: "Jersey 15", sans-serif;
  font-weight: 400;
  font-style: normal;

  display: flex;
  align-items: center; 
  justify-content: center; 
}

.leaderboardBox{
    margin: auto;
    width: 80%;  
    border-top: solid #F2C500 3px;
    border-bottom: solid #F2C500 3px;
    border-right: solid #F2C500 3px;
    border-left: solid #F2C500 3px;
    /* height: 50% */

    text-align: center;
    font-family: Jersey 25;
    font-size: 32px;
    flex-direction: row;
    align-items:center;

    display: flex;
    justify-content: center;
    margin-bottom: 100px;
}

.yellowBoxTitle{
    margin: auto;
    width: 80%;  
    margin-top: 50px;

    font-family: "Jersey 15", sans-serif;
    font-size: 32px;
    color: #F2C500;

    display: flex;
    justify-content: center;
}

.yellowBox{
    margin: auto;
    width: 80%; 
    
    border-top: solid #F2C500 3px;
    border-bottom: solid #F2C500 3px;
    border-right: solid #F2C500 3px;
    border-left: solid #F2C500 3px;

    font-family: Jersey 25;
    font-size: 32px;

    display: flex;
    justify-content: center;
}

.item{
  width: 100%;
  padding-top: 50px;

  display: flex;

}

.yapping{
  width: 90%;
  margin: auto;

  margin-top: 50px;
  margin-bottom: 50px;

  font-family: "Jersey 25", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  color:#ffffff;
  text-align: left;

  padding-left: 16px;
  padding-right: 16px;

}