body {
    overflow:hidden
}
#pj {
    height: 90px;
    width: 90px;
    position: absolute;
    top: 764px;
    left: 0px;
}

#enemy {
    height: 80px;
    width: 80px;
    position: absolute;
    left: 0;
    top: 764;
}
#contenedor{
    width: 1920px;
    height: 100vh;
    background-image: url(recursos/background.png);
    position: relative;
    bottom: 8px;
    right: 8px;
}
#tiempo{
    color: black;
    position: absolute;
    top:75px;
    left:30px;
    height:45px;
    width:100px;
    font-size: 30px;
    text-align: center;
}
#score{
    color: black;
    position: absolute;
    top:15px;
    left:30px;
    height:45px;
    width:100px;
    font-size: 40px;
    text-align: center;
}
#score-img{
    height:40px;
    width:40px;
    margin-top:18px;
    margin-left:20px;
}
#score-timer{
    height:40px;
    width:40px;
    margin-top:10px;
    margin-left:20px;
}
#sonic{
    width: 80px;
    height:70px;
}
#coin{
    width: 60px;
    height:60px;
}
#victoria{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top:0;
    left:0;
}
#victory-gif{
    position:absolute;
    top:30%;
    transform: scaleX(-1)
}
#victory-gif-2{
    position:absolute;
    top:30%;
    left:73%
}
#start{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}
#s-image{
    margin: auto;
    width: 100vw;
    height:100vh;
}
#play{
    color: black;
    background-color:aquamarine;
    border: solid 3px white;
    border-radius: 10px;
    height:60px;
    width:200px;
    position: absolute;
    left: 45%;
    top: 85%;
    font-size: 24px;
}
#play:hover{
    cursor:grab;
    background-color:rgb(19, 20, 80);
    color:white;
}
#stats{
    height: 10vh;
    background-color: black;
    position:absolute;
    top:0
}
#derrota{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top:0;
    left:0;
    background-image: url(recursos/Fondo\ derrota.png);
}
#lose-gif{
    position:absolute;
    top:40%;
    left:10%
}
#lose-gif-2{
    position:absolute;
    top:40%;
    left:73%;
    transform: scaleX(-1)
}
#reinicio{
    color: black;
    background-color:aquamarine;
    border: solid 3px black;
    border-radius: 10px;
    height:60px;
    width:200px;
    position: absolute;
    left: 44%;
    top: 85%;
    font-size: 24px;
}
#reinicio:hover{
    cursor:grab;
    background-color:rgb(19, 20, 80);
    color:white;
}