body * {
    animation: gtkSlide 0.65s cubic-bezier(0.25, 1, 0.5, 1) both;
    animation-iteration-count: 1;
}
* {
	border-radius: 0px;
	--cl-black:       hsl(140, 1%, 6%);
	--cl-gray-0:      hsl(140, 2%, 8%);
	--cl-gray-1:      hsl(140, 2%, 12%);
	--cl-gray-2:      hsl(140, 4%, 16%);
	--cl-gray-3:      hsl(140, 4%, 24%);
	--cl-gray-4:      hsl(140, 4%, 36%);
	--cl-gray-5:      hsl(140, 4%, 44%);
	--cl-gray-6:      hsl(80, 8%, 52%);
	--cl-gray-7:      hsl(70, 8%, 58%);
	--cl-gray-8:      hsl(60, 16%, 66%);
	--cl-gray-9:      hsl(40, 32%, 78%);
	--cl-gray-10:     hsl(30, 32%, 84%);
	--cl-white:       hsl(26, 64%, 88%);
	--cl-red-6:       hsl(4, 83%, 67%);
	--cl-red-7:       hsl(4, 75%, 75%);
	--cl-orange-6:    hsl(26, 84%, 62%);
	--cl-orange-7:    hsl(26, 84%, 74%);
	--cl-yellow:      hsl(37, 80%, 69%);
	--cl-green-6:     hsl(120, 41%, 64%);
	--cl-green-7:     hsl(120, 42%, 75%);
	--cl-cyan-6:      hsl(160, 41%, 64%);
	--cl-cyan-7:      hsl(160, 32%, 75%);
	--cl-blue-6:      hsl(200, 55%, 64%);
	--cl-blue-8:      hsl(201, 55%, 80%);
	--cl-magenta-7:   hsl(320, 59%, 72%);
	--cl-magenta-8:   hsl(320, 61%, 80%);
}
@keyframes gtkSlide {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


body {
	margin: 5vh 20vw 5vh 20vw;
	font-family: "Iosevka", "Roboto Mono", monospace;
	background-color: var(--cl-black);
	color: var(--cl-white);
}

h2 {
  margin-top: 2em;
}

a:link {
	color: var(--cl-orange-6);
	border: 2px solid var(--cl-orange-6);
	padding: 4px 8px;
	text-decoration: none;
	margin-bottom: 0.5em;
	line-height: 240%;
}
a:visited, a:active {
	color: var(--cl-green-6);
}
a:hover {
	color: var(--cl-black);
	background-color: var(--cl-magenta-7);
	border: 2px solid #0000;
}
.color_blue {
	color: var(--cl-blue-6);
}
.color_green {
	color: var(--cl-green-6);
}
.color_red {
	color: var(--cl-red-6);
}
.color_orange {
	color: var(--cl-orange-6);
}

.block {
  background-color: var(--cl-gray-0);
	border: 2px solid var(--cl-gray-2);
	padding: 16px 32px;
	margin-bottom: 0.75em;
}

.entries {
  padding: 1em;
	margin-bottom: 0.5em;
}

.subtitle summary {
  font-size: 1.5em;  
  font-weight: bold;
	color: var(--cl-white);
	border: 2px solid #0000;
	border-bottom-color: var(--cl-gray-2);
	padding: 16px;
	text-decoration: none;
	margin-bottom: 0.5em;
}

.subtitle summary:hover {
	border-color: var(--cl-orange-6);
}

.subtitle:open summary {
	border-color: var(--cl-orange-6);
}

details {
	margin-bottom: 1em;
}

p {
  overflow-wrap: break-word;
}