nav ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none;
    justify-content: center;
    /* background-color: lightskyblue; */
}

nav ul li {
    display: block;
    border-radius: 0.5em;
    padding: 0.5em 1em;
    margin: 0.5em;
    height: 20px;
    background-color: rgb(255, 250, 228);
    border: 2px solid;
}

/* nav ul li:last-child {
    padding: none;
    border: none;
    height: 20px;
}

#inli input {
    width: 300px;
    height: 40px;
    border-radius: 0.5em;
} */

img {
    border-radius: 100%;
}

a {
    text-decoration: none;
    color: black; 
}

#me {
    vertical-align: center;
}

#rpk {
    width: 100px;
	height: 100px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.liitems {
    animation: liitems 120s;
}

.vac {
    vertical-align: middle;
}

div#avatar-div {
    margin: auto;
    font-size: 2em;
    max-width: 250px;
    padding: 20px;
    padding-left: 30px !important;
}

/* div#content-div {
    
}

div#avatar-outside {
    align-content: center;
} 

blockquote {
    padding: 20px;
    max-width: 600px;
    background-color: rgb(125, 255, 125);
    margin: auto;
} */

#poem-div {
    font-size: 1.2em;
    line-height: 1.3em;
}

body {
    animation: bodyani 120s;
    background-color: lightgreen;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

@keyframes bodyani {
    0% { background-color: lightgreen; }
    5%   { background-color: rgb(15, 112, 15); }
    10% { background-color: lightgreen; }
    15%   { background-color: rgb(15, 112, 15); }
    20% { background-color: lightgreen; }
    25%   { background-color: rgb(15, 112, 15); }
    30% { background-color: lightgreen; }
    35%   { background-color: rgb(15, 112, 15); }
    40% { background-color: lightgreen; }
    45%   { background-color: rgb(15, 112, 15); }
    50% { background-color: lightgreen; }
    55%   { background-color: rgb(15, 112, 15); }
    60% { background-color: lightgreen; }
    65%   { background-color: rgb(15, 112, 15); }
    70% { background-color: lightgreen; }
    75%   { background-color: rgb(15, 112, 15); }
    80% { background-color: lightgreen; }
    85%   { background-color: rgb(15, 112, 15); }
    90% { background-color: lightgreen; }
    95%   { background-color: rgb(15, 112, 15); }
    100% { background-color: lightgreen; }
}

#rpk-p {
    animation: rpkpani 120s;
}

@keyframes rpkpani {
    0% { color: black; }
    1.5% { color: black; }
    3.5% { color: white; }
    5%   { color: white; }
    6.5% { color: white; }
    8.5% { color: black; }
    10% { color: black; }
    11.5%   { color: black; }
    13.5% { color: white; }
    15%   { color: white; }
    16.5% { color: white; }
    18.5% { color: black; }
    20% { color: black; }
    21.5% { color: black; }
    23.5% { color: white; }
    25%   { color: white; }
    26.5% { color: white; }
    28.5% { color: black; }
    30% { color: black; }
    31.5%   { color: black; }
    33.5% { color: white; }
    35%   { color: white; }
    36.5% { color: white; }
    38.5% { color: black; }
    40% { color: black; }
    41.5% { color: black; }
    43.5% { color: white; }
    45%   { color: white; }
    46.5% { color: white; }
    48.5% { color: black; }
    50% { color: black; }
    51.5%   { color: black; }
    53.5% { color: white; }
    55%   { color: white; }
    56.5% { color: white; }
    58.5% { color: black; }
    60% { color: black; }
    61.5% { color: black; }
    63.5% { color: white; }
    65%   { color: white; }
    66.5% { color: white; }
    68.5% { color: black; }
    70% { color: black; }
    71.5%   { color: black; }
    73.5% { color: white; }
    75%   { color: white; }
    76.5% { color: white; }
    78.5% { color: black; }
    80% { color: black; }
    81.5% { color: black; }
    83.5% { color: white; }
    85%   { color: white; }
    86.5% { color: white; }
    88.5% { color: black; }
    90% { color: black; }
    91.5%   { color: black; }
    93.5% { color: white; }
    95%   { color: white; }
    96.5% { color: white; }
    98.5% { color: black; }
    100% { color: black; }
}

img#pers {
    width: 180px;
    height: 240px;
    margin: 10px;
    border-radius: 8px;
    /* border-width: 3px; */
}

pre {
    font-family: Arial, Helvetica, sans-serif;
}

/*<!--*//*------------------------+------------------------*//*---!>*/