*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
#contenedor{
    width:100%;
    height:250vh;
    background-image: url(img/nube_oscura.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.motuLogo{
    position:absolute;
    left:673px;
}
#contenedorHistoria{
    border: 5px solid red;
    padding:10px;
    position: relative;
    width:550px;
    height: 389px;
    left: 40px;
    top: 38px;
    border-radius: 10%;
    background-color: blue;
}
#historia{
    width:500px;
    position:absolute;
    left:60px;
    top:60px;
    text-align:justify;
    text-indent:-35px;
    padding-left:30px;
    color:white;
    
}
.capitular{
    font-size: 3em;
    color:red;
    line-height: 0;
    vertical-align: bottom;
}
#personajes{
    width:250px;
    height:400px;
    position:absolute;
    left:60px;
    top:600px;
    text-align:justify;
    text-indent:-35px;
    padding-left:30px;
    color:white;
}
#cajaPersonajes{
    position:absolute;
    width:300px;
    height: 369px;
    top: 581px;
    left: 41px;
    border: 5px solid red;
    border-radius:10%;
    background-color:blue;
    
}
#he-man{
    width: 250px;
}
#heman{
    position:absolute;
    top:600px;
    left:285px;
    z-index:2;
    
}

#cajaSkeletor{
    position:absolute;
    width:300px;
    height: 369px;
    left: 916px;
    top: 1114px;
    border: 5px solid red;
    border-radius:10%;
    background-color:blue;
}

#personajeSkeletor{
    width:250px;
    height:400px;
    position:absolute;
    left: 933px;
    top: 1152px;
    text-align:justify;
    text-indent:-35px;
    padding-left:30px;
    color:white;
}

#skeletor{
    position:absolute;
    left: 558px;
    top: 1041px;
}