.resultado
{
    background-color: rgb(37, 37, 39);
    width: 200px;
    text-align: center;

    margin: 10px auto;
}

.DmgCalculate, .AcertoCalculate
{
    text-align: center;
}

.Separacao
{
    font-size: 160%;
    margin: 20px;
    text-align: center;
}

.Container1, .Container2
{
    display: flex;
    justify-content: center;
    align-items: center;
    
    padding: 1%;
    gap: 6%;
}

.Presets
{
    display: grid;
    gap: 11px;
    width: 230px;
}

.diceIMG
{
    cursor: pointer;
    width: 80px;
}

.dice2IMG
{
    cursor: pointer;
    width: 90px;

    display: flex;
    margin: auto;
}

@media only screen and (max-width:700px) {

    .Separacao
    {
        width: auto;
        font-size: 20px;
    }

    .Container1, .Container2
    {
        display:list-item;
    }

    ul
    {
        text-align: center;
        margin-right: 50px;
    }

    .Presets
    {
        width: auto;
    }
}