@import url(https://db.onlinewebfonts.com/c/38a367caf669011075e5d4107ee090a3?family=TitlingGothicFBExtended-Medium);
* {
    margin: 0 ;
    box-sizing: border-box;
    padding: 0;
    


}

body {
    font-family: "TitlingGothicFBExtended-Medium";
    font-weight: bold;
    font-size: 12px;
    background: rgb(2,255,248);
    background: linear-gradient(180deg, rgba(2,255,248,1) 0%, rgba(91,255,0,1) 100%) no-repeat;
    background-size: cover;
    height: 90em;  
    background-image: url('http://dgpc.ar/acumar/2023/2/jt12/webapp/img/fondo2.svg');
}

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) {
    .divflex {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        height: 7em;
        text-align: justify;
         }
        }

@media only screen and (min-width: 1025px) {}

   

.divflex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    height: 7em;
    text-align: justify;
    
}

.x {
    width: 14%;
    padding: 0;

}
.x div {
    height: 95%;
}
.x div img {
    height: 100%;
}

.highscore2 {
    background: rgb(0,255,9);
    background: linear-gradient(90deg, rgba(0,255,9,1) 0%, rgba(0,212,255,1) 100%);
    width: 70%;
    padding: 0;
    border-radius: 8em 0  0  8em ;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 6px solid white;
}
.highscore2 h1 {
    text-align: center;
    font-family: "TitlingGothicFBExtended-Medium";
    font-weight: bold;
    font-size: 2em;
}


#personas {
    display: flex;
    padding-top: 2em;
    padding-bottom: 2em;
    flex-wrap: wrap;
    padding: 10px;
    justify-content: space-evenly;
       

}

.personita {
    display: flex;
    justify-content: space-between;
    background-color: black;
    color: rgb(0, 5, 8);
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
    border-radius: 5em;
    border: white solid 0.4em;
    margin: 1em 0;
    max-width: 25em;
    min-width: 20em;
}

.imgperfil {
    width: 30%;
    margin-top: auto;
    margin-bottom: auto;

}

.nombrepersonita {
    width: 80%;
}

.puesto {
    /* width: 9em; */
    min-width: 6.5em;
    height: 90%;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 50% ; 
    background-color: rgb(4, 250, 4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: white solid .6em;
    border-bottom: white solid .6em;
    border-left: solid white .4em;
border-right: solid white 0.2em;    
margin-right: -0.2em;

}

.nombrepersonita h2 {
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    

}

.puesto h2 {
    font-size: .9em;
    text-align: center;
    margin: 0;
    padding: 30% 0 30% 0;
}

.personita img {
    width: 100%;
    height: auto;

}

.nombrepersonita,
.puesto {
     margin-bottom: auto;
    margin-top: auto;
}