style.css

*{
    margin: 0;
    border: 0;
    padding: 0;
}
.container{
    height: 100vh;
    width: 100vw;
    background-image: url("imagens/fundo.png");
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    color: white;
}

.d100{
    position: absolute;
    top: 13%;
    left: 54%;
    font-size: 20px;
}

.d4{
    position: absolute;
    top: 40%;
    left: 40%;
}

.d6{
    position: absolute;
    top: 40%;
    left: 50%;
}

.d8{
    position: absolute;
    top: 40%;
    left: 60%;
}

.d10{
    position: absolute;
    top: 54%;
    left: 40%;
}

.d12{
    position: absolute;
    top: 54%;
    left: 50%;
}

.d20{
    position: absolute;
    top: 54%;
    left: 60%;
}

.dano{
    font-size: 30px;
    position: absolute;
    top: 57%;
    left: 75%;
}

.inc{
    font-size: 30px;
    position: absolute;
    top: 33%;
    left: 75%;
}

.body{
    position: absolute;
    top: 84%;
    left: 72%;
}

.des{
    font-size: 12px;
    position: absolute;
    top: 8%;
    left: 75%;
}

.des2{
    font-size: 12px;
    position: absolute;
    top: 8%;
    left: 78%;
}

.des3{
    font-size: 12px;
    position: absolute;
    top: 8%;
    left: 82%;
}

.wip{
    position: absolute;
    top: 73%;
    left: 42%;
    font-size: 60px;
}