html,
body {
    height: 100%;
    margin: 0;
    line-height: 1.6em;
    font-family: monospace;
    font-size: 1.1em;
    cursor: default;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}
.reveal{
    position: fixed;
    inset: 0;
    overflow: hidden;
    animation: wipeDown 1.2s steps(40, end) forwards;
}
@keyframes wipeDown{
    from { clip-path: inset(0 0 100% 0); }
    to   { clip-path: inset(0 0 0 0); }
}
.content{
    height: 100%;
    overflow: auto;
    margin: 0 10px 30px 10px;
}
.theme-toggle{
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    font-size: 3em;
    border: none;
}
html.theme-fade {
    transition: background-color .6s ease, color .6s ease;
}
h1 a {
    border: none;
}
.t1 {
    letter-spacing: -0.33em;
}
.t2 {
    letter-spacing: -0.12em;
}
.t3 {
    letter-spacing: -0.07em;
}
.t4 {
    letter-spacing: -0.03em;
}
.t5 {
    letter-spacing: -0.18em;
}
.t6 {
    letter-spacing: -0.15em;
}
.t7 {
    letter-spacing: -0.03em;
}
td {
    padding: 0 20px 0 0;
    overflow: hidden;
    white-space: nowrap;
}
a {
    text-decoration: none;
    cursor: crosshair;
    display: inline-block;
}
.mainmenu {
    border: none;
}
hr {
    border: none;
}
ul {
    padding-inline-start: 20px;
}
li {
    padding: 0 0 1em 0;
}
table {
    margin: 0.5em 0;
    padding: 0.5em 0;
    border-radius: 1em;
    table-layout: fixed;
    max-width: 100%;
}
::selection {
    text-shadow: none;
}
::-moz-selection {
    text-shadow: none;
}
th {
    text-align: left;
}
td {
    text-align: right;
}
td,
th {
    padding: 0 1em;
    overflow: hidden;
    max-width: 50vw;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}
input,
button,
select,
option,
textarea {
    font-size: 1em;
    padding: 0.5em 0.6em;
    margin: 0.5em 0;
    border-radius: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
a,
input,
button,
select,
option,
textarea {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
:focus,
:focus-visible {
    outline: none;
}
@keyframes pulse {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
.pulse {
    animation: pulse 1s infinite;
    margin: 0;
}
code {
    font-size: 0.9rem;
    padding: 0.15em 0.4em;
    border-radius: 0.5em;
}