body { margin: 5% auto; max-width: 44em; line-height: 1.6; font-size: 1.125em; color: #0a0a0a; padding: 0 2%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
h1 { font-size: 2.5em; line-height: 1.2; margin-bottom: 0.2em; color: #00ee99; }
h2 { font-size: 1.75em; line-height: 1.2; margin-top: 1.5em; }
h3 { font-size: 1.35em; line-height: 1.3; margin-top: 1.5em; }
p { margin-bottom: 1em; }
ul { margin: 1em 0; }
li { margin-bottom: 0.5em; }
em { font-style: normal; color: #2288ff; font-weight:bold; }
a { color: #0066ff; text-decoration: none; border-bottom: 1px solid #0066ff; }
a:hover { border-bottom: 2px solid #0066ff; }
blockquote { border-left: 3px solid #0a0a0a; padding-left: 1.5em; margin: 2em 0; font-style: italic; color: #666; }
blockquote cite { display: block; margin-top: 0.5em; font-style: normal; color: #999; }
hr { border: none; border-top: 1px solid #ddd; margin: 3em 0; }
header { margin-bottom: 3em; }
aside { font-size: 1.1em; color: #666; }
.links { margin-top: 3em; padding-top: 2em; border-top: 1px solid #ddd; color: #666; }
@media (prefers-color-scheme: dark) { body { background: #1a1a1a; color: #eee; } a { color: #5294ff; border-color: #5294ff; } }
@media (max-width: 600px) { body { font-size: 1em; margin: 3% auto; } h1 { font-size: 2em; } h2 { font-size: 1.5em; } }
strong { font-weight: 600; }
h1 em { font-style: normal; }

button {
outline: 0;
grid-gap: 8px;
align-items: center;
background-color: #2266ff;
color: #fff;
border: 1px solid #000;
border-radius: 4px;
cursor: pointer;
display: inline-flex;
flex-shrink: 0;
gap: 8px;
justify-content: center;
line-height: 1.5;
overflow: hidden;
padding: 8px 10px;
text-decoration: none;
text-overflow: ellipsis;
transition: all .14s ease-out;
white-space: nowrap;
:hover {
	box-shadow: 4px 4px 0 #000;
	transform: translate(-4px,-4px);
}
:focus-visible{
	outline-offset: 1px;
}
}