body {
    background-color: black;
    margin: 10%;
    font-size: 1em;
    font-family:'Courier New', Courier, monospace;
    font-weight: bold;
    text-align: left;
    color: white;
    position: relative;
}


img {
    width: 100%;
    margin: 0;
}

p {
    margin-bottom: 5%;
}

.sidebyside {
    width: 65%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
}

.log {
    color: white;
    text-align: center;
    margin-bottom: 30%;
    margin-right: 10%;
}

.prose {
    background-color: #FCFCFC;
    padding: 1em;
    margin: 1em;
    margin-bottom: 3em;
    margin-top: 3em;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: normal;
    line-height: 1.5em;
    color: black;
}

.n {
    color: white;
    margin: 10%;
    text-align: center;
}

.da {
    color: #e00707;
    margin-left: 65%;
}

.di {
    color: #f2a400;
    width: 65%;
}

.jk {
    color: #1f9400;
    margin-left: 60%;
}

.jd {
    color: #4ac925;
    margin-left: 5%;
}

.rs {
    color: #b536da;
    margin-left: 10%;
}

.rx {
    color: #ff6ff2;
    margin-left: 25%;
}

.jo {
    color: #0715cd;
    margin-left: 40%;
}
/* readability vv */
.jo:hover {
    color: #6699FF;
}

.ja {
    color: #00d5f2;
    margin-left: 30%;
}

.ar {
    color: #a10000;
    margin-left: 10%;
}