body, html, h1, div, footer
{
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

body, html
{
    height: 100%;
}

h1
{
    font: 65px impact;
    line-height: 80px;
    text-shadow: 0 0 10px rgba(255, 255, 255, .5);
}

h1 a
{
    color: #000;
    text-decoration: none;
}

ul
{
    padding: 0;
}

li
{
    font: 15px verdana;
    list-style-type: none;
    padding: 4px;
    text-transform: uppercase;
    width: 110px;
    border-radius: 9px;
    margin: 3px;
    opacity: .9;
    text-shadow: 0 0 4px #fff;
}

li b
{
    background: rgba(100, 100, 100, .4);
    width: 100%;
    color: #fff;
    text-shadow: 0 0 4px #000;
    border-radius: 7px;
}

footer, table
{
    font: 12px sans-serif;
    margin-top: 20px;
}

nav b
{
    padding: 3px 0;
    font: 14px sans-serif;
    text-shadow: 0 0 3px #000;
    width: 6.25%;
}

nav b, li
{
    display: inline-block;
}

nav
{
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

li b, nav
{
    display: block;
}

.k
{
    color: #000;
    text-shadow: 0 0 3px #fff;
    font-size: 18px;
}

a
{
    color: #249;
}

.divin
{
    background: #ccf;
}

.saint
{
    background: #ddf;
}

.pur
{
    background: #eef;
}

.normal
{
    background: #efe;
}

.immoral
{
    background: #efc;
}

.impur
{
    background: #ef8;
}

.indecent
{
    background: #ef6;
}

.malsain
{
    background: #ef4;
}

.ignoble
{
    background: #ef2;
}

.vicieux
{
    background: #ee0;
}

.infame
{
    background: #f80;
}

.deprave
{
    background: #f40;
}

.dangereux
{
    background: #f00;
}

.inhumain
{
    background: #c00;
}

.demon
{
    background: #a00;
}

.diabolique
{
    background: #800;
}

#kharma, li:hover, button
{
    font-weight: 700;
    opacity: 1;
}

body, html
{
    height: 100%;
}

body
{
    background-image: radial-gradient(#fff, rgba(0, 0, 0, .4));
}

p
{
    text-shadow: 0 0 3px #fff;
}

button
{
    border-radius: 19px;
    margin: 2px 9px;
    padding: 5px 9px;
    border: 1px #666 solid;
    background: #ddd linear-gradient(transparent, rgba(0, 0, 0, .2));
}

p, button
{
    font: 19px helvetica, verdana, arial;
}

button:hover
{
    box-shadow: 0 0 4px #000
}

button, li
{
    transition: all .3s;
}

@media (max-width: 600px)
{
    ul
    {
        margin: 0;
    }

    h1
    {
        font: 20px impact;
        line-height: 30px;
    }

    li
    {
        padding: 2px;
        margin: 2px;
    }

    nav
    {
        display: none;
    }

    button
    {
        padding: 2px 7px;
    }
}