html {
    animation:      fade-in 2s;
    background:     linear-gradient(#5941A9, #091540);
    color:          #E5D4ED;
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      16pt;
    min-height:     100%;
    min-width:      100%;
    text-align:     center;
    vertical-align: middle;
}

body {
    margin-top: 128px;
}

a {
    color: #EDD3C4;
}

button {
    -webkit-appearance: none;
    background:         #E5D4ED;
    color:              #091540;
    font-size:          75%;
    height:             32px;
}

.information {
    font-size:  75%;
}

#content {
    font-size:  125%;
}

#result {
    display:    block;
    font-size:  200%;
}

#reroll {
    font-size:  100%;
    height:     64px;
}

@keyframes fade-in {
    from {
        opacity:    0;
    }

    to {
        opacity:    1;
    }
}