body {
    position: relative;
    background: #16181A;
    margin: 0;
    padding: 0;
    font-family: Inter;
    height: 100vh;
    user-select: none;
}

.background {
    position: relative;
    width: 100vw;
    height: 69.44444444444444vh;
}

#back {
    position: absolute;
    width: 100vw;
    height: 69.44444444444444vh;
}

.k9pvpmonkhey {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 30.416666666666668vw;
    height: 33.24074074074074vh;
    top: 25%;
    left: 19.5%;
}

.tktclelogoetletextemonkhey {
    display: flex;
    width: 100%;
    height: 7.5vh;
}

.lacolonne {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 17vw;
    height: 100%;
    margin-left: 1vw;
}

.k9pvpstats {
    font-size: 1.625vw;
    font-weight: 700;
    color: white;
}

.desc {
    color: #7C7C7C;
    font-size: 0.8vw;
    font-weight: 600;
}

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.21875vw;
    height: 7.5vh;
    background: #FFC700;
    border-radius: 0.5208333333333334vw;
}

#lelogo {
    width: 4.583333333333333vw;
    height: 4.583333333333333vw;
}

#lelogo2 {
    width: 4.583333333333333vw;
    height: 4.583333333333333vw;
}

.tktwolacpourfindleplayer {
    margin-top: 3.9814814814814814vh;
    height: 21.75925925925926vh;
    width: 100%;
}

.forfindplayer {
    display: flex;
    height: 7.777777777777778vh;
    width: 100%;
}

.forlogo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.635416666666667vw;
    height: 7.777777777777778vh;
    background: #FD97FF;
    border-top-left-radius: 0.5208333333333334vw;
    border-bottom-left-radius: 0.5208333333333334vw;
}

.findplayer {
    display: flex;
    justify-content: center;
    width: 25.833333333333332vw;
    height: 7.777777777777778vh;
    background: #EEEEEE;
    border-top-right-radius: 0.5208333333333334vw;
    border-bottom-right-radius: 0.5208333333333334vw;
}

::-webkit-scrollbar {
    width: 1px;
    }
    
    ::-webkit-scrollbar-track {
    }
    
    ::-webkit-scrollbar-thumb {
    background:transparent; 
    border-radius: 10px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
    background:transparent; 
}

input::-webkit-inner-spin-button
{
	-webkit-appearance:none
}

input {
    width: 90%;
    font-family: Inter;
    font-weight: 500;
    font-size: 1.1vw;
    color: #7C7C7C;
    background: transparent;
    border: none;
    outline:none;
    float:right;
}

.listplayersfindplayer {
    margin-top: 1px;
    display: flex;
    flex-direction: column;
    height: 13.88888888888889vh;
    background: #252525;
    border-radius: 0.5208333333333334vw;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

.textplayer {
    color: #7C7C7C;
    font-weight: 700;
    margin-left: 0.8333333333333334vw;
    margin-top: 1.1111111111111112vh;
    font-size: 0.85vw;
}

.listplayerfound {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.0185185185185186vh;
    width: 100%;
    height: 7.222222222222222vh;
}

.players {
    display: flex;
    align-items: center;
    color: #FFFFFF;
    width: 28.489583333333332vw;
    height: 2.962962962962963vh;
    cursor: pointer;
}

.players:first-child {
    margin-bottom: 1.2962962962962963vh;
}

#ppplayers {
    border-radius: 100%;
    width: 1.6666666666666667vw;
    height: 2.962962962962963vh;
}

.pseudoplayer {
    margin-left: 0.5208333333333334vw;
    font-weight: 600;
    font-size: 0.8335vw;
}

.idplayers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: 1.4814814814814814vh;
    margin-left: 0.3645833333333333vw;
    background: rgba(255, 255, 255, 0.05);
    padding-left: 0.535vw;
    padding-right: 0.535vw;
    font-size: 0.521vw;
    color: #666666;
    font-style: italic;
    font-weight: 700;
}

.x {
    cursor: pointer;
    font-size: 0.8335vw;
    font-weight: bold;
    margin-left: auto;
}

/* LEADERBOARD */

.leaderboardmonkhey {
    position: absolute;
    display: flex;
    width: 32.96875vw;
    height: 23.796296296296298vh;
    gap: 1.40625vw;
    top: 29%;
    left: 58%;
}

.leaderboard {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 10.052083333333334vw;
    height: 100%;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 0.5208333333333334vw;
    color: white;
}

.letop {
    display: flex;
    align-self: flex-end;
    justify-content: center;
    align-items: center;
    width: 2.1354166666666665vw;
    height: 3.5185185185185186vh;
    background: #FFC700;
    border-top-right-radius: 0.5208333333333334vw;
    border-bottom-left-radius: 1.04166667vw;
    font-size: 1.0416666666666667vw;
    font-weight: 600;
}

.leprofil {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 10.052083333333334vw;
    height: 100%;
    border-radius: 0.5208333333333334vw;
}

#lappprofil {
    margin-top: 2.5vh;
    border-radius: 0.5208333333333334vw;
    width: 3.4895833333333335vw;
    height: 3.4895833333333335vw;
}

.pseudoplusrank {
    display: flex;
    justify-content: center;
    gap: 0.2604166666666667vw;
    margin-top: 1.1537037037037037vh;
    display: flex;
    width: 100%;
    height: fit-content;
    font-size: 1.0416666666666667vw;
    font-weight: 700;
}

#lerankleaderboard {
    width: 1.0416666666666667vw;
    height: 1.0416666666666667vw;
}

.line {
    margin-top: 1.2037037037037037vh;
    height: 1px;
    width: 7.03125vw;
    background: rgba(255, 255, 255, 0.05);
}

.topkills {
    margin-top: 1.2037037037037037vh;
    font-size: 0.6770833333333334vw;
    font-weight: 500;
}

.kills {
    margin-top: 0.25vh;
    font-size: 1.6666666666666667vw;
    font-weight: 600;
}