.date {}
.org-ol {}
.org-src-container {}
.src {}
.status {}
.validation {}
.system-type {color: #8ac6f2; font-weight: bold; }
.type-type {color: #92a65e; font-weight: bold; }
.literal-type {color: #95e454; }
.comment-type {color: #99968b; }
.variable-type {color: #cae682; }
.key-type {color: #e5786d; }
.keyl-type {color: #fa8072; }


#blog {
    max-width: 35em;
    margin: auto;
}

pre {
    border: 1px solid #121212;
    box-shadow: .3em .3em .3em #2a2a2a;
    padding: 1em;
    margin: 1em -1.5em;
    width: auto;
    background-color: #252525;
    overflow: auto;
}

header {
    padding: 1em;
}

header h1 {
    font-size: 3em;
}

article {
    padding: 2em;
    background: #333333;
}

#game ul {
    list-style: none;
}

#game ul li {
    margin: 0 0 .5em 0;
}

@keyframes fadeIn {
    to {
	opacity: 1;
    }
}

@keyframes fadeOut {
    to {
	opacity: 0;
    }
}

.fade-out {
    opacity: 1;
    animation: fadeOut .5s ease-in 1 forwards;
}

.fade-in {
    opacity: 0;
    animation: fadeIn .5s ease-in 1 forwards;
}

.note {
    background-color: #252525;
    border: 1px solid #121212;
    box-shadow: .3em .3em .3em #2a2a2a;
    padding: 0 1em 0;
    margin: 0 0em .5em .5em;
    width: 40%;
    float: right;
}

.note::after {
    clear:both;
}

dl {
    padding: 0;
    margin: 0;
}

dt {
    font-weight: bold; 
 /*   padding: .5em 0 0 0;*/
    margin-block-start: .5em;
    margin-inline-start: 0px;

    margin-block-start: .5em;
    margin-block-end: .5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

header {
    height: 10em;
}


.prev {
    float:left;
    display:contents;
}

.next {
    float:right;
}

.prev::after {
    content:"";
}

.next::after {
    content:"";
    display:block;
}

.index-link {
    margin: 0.5em 0 0 0;
}

.author {
}

.date {
    margin: 0px 0.75em 0 0;
    font-size:6.625;
}

#index-list {
    list-style: none;
}
#index-list li {
    margin: 0.4em 0;
}

article h1 {
    font-size: 1.8em;
    margin: 0 0 0.2em 0;
}

article p a {
    color: #8ac6f2;
    font-weight: medium;
    text-decoration:none;
}

article p a:hover {
    color: #acf8ff;
}
article p a:active {
    color: #acf8ff;
}
article p a:focus {
    color: #acf8ff;
}