body
{
    color: green;
    font-size: larger;
    background-color: black;
    font-family: "Courier New", ui-monospace;
}

a
{
    color: gray;
}

table
{
    border: collapse;
}

a.bare
{
    color: green;
    text-decoration: none;
}

.cursor-blink
{
    opacity: 1;
    animation: blinking 1s linear infinite;
}
@keyframes blinking {
    75% {
        opacity: 0;
    }
}


.header
{
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 1%;    
}
.header h1
{
    align-self: center;
}

.logo
{
    float: left;
    text-align: center;
    width: 120px;
}

section
{
    clear: left;    
}
.contents
{
    display: flex;
    justify-content: space-around;
    flex-flow: column wrap;
    margin: auto 20% 0 20%;
}

.content-item
{
    padding-bottom: 20px;
}

.content-item p
{
    flex: 3 100%;
    align-self: flex-end;
}

.content-image img
{
    flex: 1;
    float: left;
    max-width: 30%;
    padding-right: 5%;
    padding-bottom: 5%;
}

@media only screen and (max-width: 1024px) {
    body
    {
        color: limegreen;
    }
    .contents
    {
        margin: auto;
        flex-flow: column nowrap;
    }
    .content-item img
    {
        float: none;
        max-width: 40%;
    }
    h2
    {
        font-size: xx-large;
    }
}