a {
    color: #1b1b1b;
}
a:hover {
    color: purple;
    text-decoration: none;
    background-image: linear-gradient(33deg, #a31dfc, #ee9c31);
    background-size: 100%;
    -webkit-text-fill-color: transparent; 
}
body {
    background: #ddd4c9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cdefs%3E%3Cpattern id='crcsw' patternUnits='userSpaceOnUse' width='20' height='20'%3E%3Ccircle cx='' cy='' r='1' fill='%23343434' stroke='%23343434' stroke-width='0'%3E%3C/circle%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M 0 0 L 0 140 L 140 140 L 140 0 Z' style='fill: url("%23crcsw");'%3E%3C/path%3E%3C/svg%3E ");color: #1b1b1b;
    font-size: 15px;
    font-family: monospace;
    margin: 4em 6em 0 6em;
}
header {
    margin: 0 0 3em 0;
}
header a {
    color: #1b1b1b;
    text-decoration: none;
}
header h1 {
    padding-bottom: 4px;
    border-bottom: 3px solid #1b1b1b;
    margin: 0 0 1em 0;
}
header h1 a {
    font-size: 1.6em;
}
header > a {
    font-size: 2em;
    padding-bottom: 2px;
    border-bottom: 3px solid #1b1b1b;
    margin: 0 0.5em 0 0;
    line-height: 1.7em;
}
header .cursor {
    font-size: 0.9em;
    opacity: 0;
    animation: blinker 1s linear infinite;
    margin: 0 0 0 0.2em;
}
@keyframes blinker {
	from,
	49.9% {
		opacity: 0;
	}
	50%,
	to {
		opacity: 1;
	}
}

section dl {
    margin: 0 0 0 3em;
}
section dl dt {
    font-size: 1.2em;
    line-height: 2em;
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
}
section dl dd {
    border: 3px solid #1b1b1b;
    border-left: none;
    border-right: none;
    display: none;
    columns: 3;
    column-gap: 3em;
    text-align: justify;
    margin: 3em 6em 3em 0;
    padding: 3em 0;
}
@media only screen and (max-width: 1600px) {
    section dl dd {
        columns: 2;
    }
}
@media only screen and (max-width: 1200px) {
    section dl dd {
        columns: 1;
    }
}
@media only screen and (max-width: 800px) {
    section dl dd {
        margin: 3em 0 3em -2em;
    }
}
@media only screen and (max-width: 700px) {
    section dl dd {
        margin: 3em -0.5em 3em -3em;
    }
}
@media only screen and (max-width: 600px) {
    section dl dd {
        margin: 3em -1em 3em -4em;
    }
}
@media only screen and (max-width: 400px) {
    section dl dd {
        margin: 3em -2em 3em -5em;
    }
}
section:first-of-type dl dd {
    columns: 1;
}
section dl dd p:first-child {
    margin: 0 auto auto auto;
}
section dl dd p:first-of-type::first-letter {
    font-size: 2em;
}
section dl dd p:not(:first-child) {
    border-top: 3px dotted #cac0b3;
    padding-top: 1em;
}
section ul {
    margin: 0 0 0 3em;
    padding: 0 0 0 0;
}
section ul li {
    font-size: 1.2em;
    line-height: 2em;
}
section dl dd ul {
    margin: 4em 4em 0em 4em;
    padding: 1em 0 1em 2em;
    font-size: 0.8em;
    list-style-type: none;
    background-color: #cac0b3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cdefs%3E%3Cpattern id='qzpbc' patternUnits='userSpaceOnUse' width='20' height='20'%3E%3Cpath d='M 0,20 l 20,-20 M -5,5 l 10,-10 M 15,25 l 10,-10' stroke-width='0.2' shape-rendering='auto' stroke='%23343434' stroke-linecap='square'%3E%3C/path%3E%3C/pattern%3E%3C/defs%3E%3Cpath d='M 0 0 L 0 140 L 140 140 L 140 0 Z' style='fill: url("%23qzpbc");'%3E%3C/path%3E%3C/svg%3E");border: #9e978e 1px solid;
}
@media only screen and (max-width: 600px) {
    section dl dd ul {
        margin: 4em 0 0 -0.7em;
        width: 100%;
    }
}
section .date {
    color: #5c5c5c;
}
footer {
    margin: 3em 0 0 0;
    padding: 2em;
    background: #343434;
    color: #ddd4c9;
    position: sticky;
    bottom: 0;
}
footer a {
    color: #ddd4c9;
    text-decoration: none;
}
footer a:last-child {
    margin: 0 0.2em 0 0;
    float: right;
}
section hr {
    margin: 3em 0 0 0;
    border: none;
    border-top: 3px solid #1b1b1b;
}
code {
    background-color: #cac0b3;
}
blockquote {
    padding: 1em;
    background-color: #cac0b3;
    font-style: italic;
}
blockquote:first-of-type::first-letter {
    font-size: 2em;
}
blockquote:first-of-type {
    margin: 2em 2em 3em 2em;
}