body {
    margin: 0;
    padding: 0;
    background-image: url("/imagenes/fondo.jpg");
    background-position: center; 
    background-repeat: no-repeat;
    background-attachment: fixed; 
    height: 100%;
    display: flex;
    align-items: center;
    

}
.titulo {
    position: fixed;
   right:  900px; 
   width: 400px;
   height: 250px;
}

.musica {
    position: absolute;
    bottom: 31%; 
    right:  0.75%;
    width: 20vh;
    height: 20vh;
 }
.musica:hover {  
    filter: brightness(75%);
    transition: 0.15s;
}
.volver{
    position: absolute;
    bottom: 7%;
    left: 0.75%;
    width: auto;
    height: 15vh;
}
.volver:hover{
    filter: brightness(75%);
    transition: 0.15s;
}

.frases {
    position: absolute;
    bottom: 60%; 
    left: 0.75%; 
    width: 20vh;
    height: 20vh;
}
.frases:hover {  
    filter: brightness(75%);
    transition: 0.15s;
}

.video {
    position: absolute;
    bottom: 19%; 
    left:  0.75%; 
    width: 20vh;
    height: 20vh;
}
.video:hover{
    filter: brightness(75%);
    transition: 0.15s;
}

.ranking {
    position: absolute;
    bottom: 39%; 
    left:  0.75%; 
    width: 20vh;
    height: 20vh;
}
.ranking:hover{
    filter: brightness(75%);
    transition: 0.15s;
}

.jugadores {
    position: absolute;
    bottom: 20px; 
    right: 20px; 
    width: 250px;
    height: 150px;
}
.jugadores:hover{
    filter: brightness(75%);
    transition: 0.15s;
}

.buffa {
    position: fixed;
    bottom: 50px;
    right: 500px;
    width: 70vh;
    height: auto;
}

@media (max-width: 1400px) {
    .titulo{
   right:  0px; 
   width: 400px;
   height: 250px;
}
.buffa {
    position: absolute;
    bottom: 50px;
    right: 400px;
    width: 70vh;
    height: auto;
}
}


@media (max-width: 800px) {
    body {
        background-attachment: scroll;
        margin: 0;
    padding: 0;
    background-image: url("/imagenes/fondo.jpg");
    background-position: center; 
    background-repeat: no-repeat;
    background-attachment: fixed; 
    height: 100%;
    display: flex;
    align-items: center;
    }

    .titulo{
  
            position: absolute;
           right:  0px; 
           width: 40vh;
           height: 35vw;
       
    }
    .buffa {
        position: absolute;
        bottom: 50px;
        right: 100px;
        width: 55vh;
        height: auto;
    }

    .musica {
        position: absolute;
        bottom: 30%; 
        right:  0%;
        width: 20vh;
        height: 20vh;
     }
    
    .frases {
        position: absolute;
        bottom: 60%; 
        right:  0%;
        width: 20vh;
        height: 20vh;
    }
    
    .video {
        position: absolute;
        bottom: 20%; 
        right:  0%;
        width: 20vh;
        height: 20vh;
    }
    
    .ranking {
        position: absolute;
        bottom: 38%; 
        right:  0%;
        width: 20vh;
        height: 20vh;
    }
    .jugadores {
        position: absolute;
        bottom: 6%; 
        right:  0%;
        width: 30vh;
        height: 20vh;
    }
}
 .nick, .rareza {
            background-color: #333;
            padding: 10px;
            border-radius: 8px;
            font-size: 16px;
            text-transform: uppercase;
            text-align: center;
        }