body {
    background: #000 url("/shobon.png") no-repeat fixed right bottom;
    color: #ffd9c6;
    text-align: center;
    margin: auto;
    padding-left: 1em;
    padding-right: 1em;
    max-width: 50em;
    text-shadow: 1px 1px #000, 0 0 10px;
}

#logo {
    float: left;
    padding-right: 1em;
}

h1, h2, h3 , h4{
    text-align: left;
}

h1::after {
    content:" ♥"
}

h2::before, h3::before, h4::before {
    content:"» "
}

#nav {
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=");
    box-shadow: 0 0 100px deeppink;
}

#nav a:link {
    color: #e39edc;
    text-decoration: none;
    outline: inherit;
}

#nav a:visited, #nav a:active {
    color: deeppink;
    text-decoration: underline double;
    outline: inherit;
}

.black {
    background: #000 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=");
    border: 1px solid deeppink;
    padding-left: 10px;
    padding-right: 10px;
}

code {
    border: 1px solid violet;
}