:root {
    color-scheme: dark;

    /* === Start === Variable definitions === */

    /* Sizes */

    --space: 1rem;
    --space-half: 0.5rem;
    --space-quarter: 0.25rem;
    --space-big: 1.5rem;

    --radius: 0;
}

@media (width < 600px) {
    :root {
        /* === Start === Variable definitions small screen === */

        /* Sizes */
        --space: 0.5rem;
        --space-half: 0.25rem;
        --space-quarter: 0.125rem;
        --space-big: 1rem;
        --outline-size: 0.1rem;
    }
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

*:focus-visible {
    outline: 0.125em solid deeppink;
    outline-offset: -0.125rem;
}

.hover:focus-visible {
    outline-offset: 0.0625rem !important;
}

html {
    font-family: "Segoe UI", system-ui, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    /* font-size: 1.125rem; */
}

.mono {
    font-family: "DejaVu Sans Mono", "Lucida Console", monospace, monospace;
}

kbd {
    font-style: italic;
    background: hsl(328, 100%, 20%);
    border-radius: 0.2em;
    padding-inline: 0.2em;
    box-shadow: 0.125rem 0.125rem 0 0.0625rem hsl(328, 100%, 30%);
    margin-inline-end: 0.35ch;
}

:root,
html,
.games-container {
    scrollbar-color: hsl(330, 100%, 71%) transparent;
}

::selection {
    background-color: dodgerblue;
    color: white;
    text-shadow: none;
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

::marker {
    color: deeppink;
    font-weight: 900;
}

@media (prefers-reduced-motion: no-preference) {
    .games-container {
        scroll-behavior: smooth;
    }
}

body {
    min-width: 350px;
    background-color: black;
    color: hsl(0, 0%, 60%);
    margin: 0;
    padding: 0;
}

/* p
{
line-height: 1.5em;
} */

section,
.table-list,
.std-mar {
    margin: 1rem;
}

.right-gap {
    margin-right: 0.4em;
}

.left-gap {
    margin-left: 0.4em;
}

.linux-extra {
    font-weight: 700;
    color: hsl(33, 100%, 40%);
}

.fix-height {
    position: relative !important;
    top: -0.05em !important;
}

.fix-height1 {
    position: relative !important;
    top: -0.1em !important;
}

.fix-height2 {
    /* position: relative; */
    margin-top: -0.65em !important;
}

@media (min-width: 600px) {
    [data-width="45ch"] {
        max-width: 50%;
        min-width: 35ch;
        margin-left: auto;
        margin-right: auto;
    }

    [data-width="60ch"] {
        max-width: 60%;
        min-width: 35ch;

        margin-left: auto;
        margin-right: auto;
    }
}

main,
#main-content,
#skip-nav,
#content,
.no-outline {
    outline: none;
}

#skip-nav,
.no-outline {
    outline: none;
}

header,
footer {
    background-color: hsl(349, 100%, 5%);
}

.heading-title {
    padding-top: 0.25rem;
    padding-bottom: 0.5rem;
}

.theme-bar {
    /* font-size: .6rem; */
    text-align: center;
    background-color: black;
}

.navigation {
    background-color: hsl(43, 89%, 5%);
    letter-spacing: 0.02rem;
    padding: 0 0.25em 1em 0.25em;
}

.theme-bar {
    padding: 0 0.5em 0.25em 0.1em;
}

#navigation3,
#navigation10,
#navigation20,
#section {
    padding-top: 0;
}

footer {
    padding: 0.25em;
}

div.logotext {
    padding: 0 0.25ch 0.25ch 0.25ch;
}

.logotext {
    font-weight: 600;
    color: hotpink;
    font-size: 2rem;
}

.footing {
    color: hsl(0, 0%, 60%);
}

.button,
.button2,
.button3,
.strong,
strong {
    font-weight: 500;
    color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

h2,
h3 {
    margin-bottom: 1em;
}

.faq {
    padding: 0.5em;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.faq ol,
.faq ul {
    padding: 1rem 1rem 1rem 2rem;
    margin-bottom: 0;
    background-color: hsl(49, 31%, 10%);
}

.faq ul {
    list-style: none;
}

.faq-date {
    /* font-size: .75rem; */
    font-style: italic;
    font-weight: 600;
    /* margin-top: 1rem; */
    padding-bottom: 0.25em;
    border-top: 0.0625rem dashed deeppink;
}

.youtube {
    font-weight: 600;
}

ol {
    list-style: decimal;
    margin-bottom: 0;
    padding: 0.25em 0.25em 0.25em 3em;
    /* border: .125rem solid hsl(349, 100%, 10%); */
    background-color: hsl(49, 31%, 6%);
    hyphens: none;
}

ul,
ol {
    line-height: 1.5em;
}

.box {
    padding: 0.5em;
    font-style: italic;
}

.menu {
    text-decoration: none;
    padding: 0.25em 0.5em;
    /* border: .05em solid hsla(0, 0%, 100%, .1); */
    border: 0.0625rem solid transparent;
    border-bottom: 0.0625rem solid darkgoldenrod;
    transition: all 0.5s linear;
}

.menu:hover,
.menu:focus-visible {
    color: white;
    text-decoration: none;
    text-shadow: none;
    border: 0.0625rem solid hsl(0, 0%, 60%);
    background-color: hsla(0, 0%, 100%, 0.07);
}

.menu-flex {
    text-align: center;
}

.linkseperator {
    color: deeppink;
}

.box {
    font-family: "DejaVu Sans Mono", "Lucida Console", monospace, monospace;
    font-style: italic;
    background-color: hsl(49, 31%, 10%);
    /* border: .125rem solid hsl(349, 100%, 10%); */
    padding: 1em;
    margin-bottom: 0.5em;
    hyphens: none;
}

ul.linux > li {
    padding: 0.25em 0.5em;
    /* border: .0625rem solid hsl(349, 100%, 10%); */
    list-style-type: disc;
}

ul.sky-glass > li {
    text-align: center;
    background-color: hsla(0, 0%, 0%, 50%);
    padding: 0.5em 1em;
    /* border: .0625rem solid hsl(349, 100%, 10%); */
    list-style-type: none;
}

ul.linux > li:only-child {
    list-style-type: disc;
}

/* Prevent double border lines */
li:not(:last-child):not(:only-child).li {
    border-bottom: none;
}

.ymwd {
    padding: 0.35em 0.25em 0.35em 0;
    width: 1.8em;
    text-align: center;
    vertical-align: middle;
}

.ymwd-1 {
    font-size: 0.65rem;
    padding: 0.35em 1em 0.35em 0.5em;
    text-align: right;
    width: 14em;
}

.ymwd-2 {
    padding: 0.35em 0.5em 0.35em 0;
    color: hsl(0, 0%, 50%);
}

td.event-title {
    padding: 0.35em 0.5em;
    /* text-align: center; */
    vertical-align: middle;
    padding-left: 0.5em;
}

.negative,
.event-red {
    color: lightpink;
}

.bh {
    position: relative;
    top: -0.15em;
    font-size: 0.65em;
    font-weight: 900;
    background-color: hsl(240, 100%, 50%);
    color: lightblue;
    padding-left: 0.15em;
    padding-right: 0.15em;
    margin-right: 0.1em;
    line-height: 1.2em;
    box-shadow:
        0.0625em 0.0625em black,
        0.125em 0.125em black,
        0.1875em 0.1875em black;
}

.hol-tab {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 350px) {
    /* .box {
		font-size: .8rem;
		} */

    .faq {
        width: 100%;
    }

    .hol-tab,
    .hol-tab h3 {
        font-size: 0.85rem;
    }

    .bh {
        font-size: 0.5rem;
    }

    .ymwd-1 {
        width: 10em;
    }
}

details {
    margin-bottom: 0.5em;
    padding-left: 1.5em;
}

details[open] {
    background-color: hsl(0, 0%, 2%);
}

details[open]:nth-child(odd) {
    background-color: hsl(0, 0%, 3%);
}

details[open]:nth-child(even) {
    background-color: hsl(0, 0%, 6%);
}

details > summary:hover::marker,
details > summary:focus-visible::marker,
details[open] > summary:hover::marker,
details[open] > summary:focus-visible::marker {
    color: darkgoldenrod;
    background-color: hsl(0, 0%, 35%);
}

details summary .summaryq {
    font-weight: 700;
}

.hover,
.hover > span {
    background-color: transparent;
    text-decoration: none;
    transition: all 0.5s linear;
}

.hover {
    border-bottom: 0.0625rem solid darkgoldenrod;
}

/* .link-detail {
	line-height: 1.5em;
} */

/* .link-detail,
.link-title {
	display: block;
	padding: .25em;
	margin: 0;
	width: 100%;
} */

/* .link-title,
.link-title:visited,
.link-detail,
.link-detail:visited,
.link-index,
.link-index:visited {
	text-decoration: none;
} */

.music-track,
.music-track * {
    transition: all 0.5s linear;
}

.music-track-decoration {
    text-decoration: none;
    /* border-bottom: .0625em solid darkgoldenrod; */
}

/* .music-track:hover .music-track-decoration,
.music-track:focus-visible .music-track-decoration {
border: none;
text-shadow: none;
} */

.music-star {
    position: absolute;
    left: 0.7em;
    font-weight: 900;
    color: deeppink;
}

.music-track:hover .music-star,
.music-track:focus-visible .music-star {
    color: hsl(0, 100%, 25%);
    /* text-shadow: none; */
}

/* .navigation-button,
	.navigation-button-index,
	.navigation-button-index-label,
	.url-button {
	font-size: 1rem;
	} */

.navigation-button,
.navigation-button-index,
.navigation-button-index-label {
    padding: 0.25em 0.5em;
}

.navigation-button-index-label {
    /* border: none; */
    color: lightskyblue;
    cursor: default;
    font-variant: normal;
}

/* .games-title-highlight {
	text-shadow: none;
	} */

/* .music-track:hover .music-first,
	.music-track:focus-visible .music-first {
	text-shadow: none;
	} */

.the {
    color: hsl(0, 0%, 50%);
    /* font-size: .65em; */
}

.music-track:hover .the,
.music-track:focus-visible .the {
    color: hsla(0, 0%, 0%, 0.8);
    /* text-shadow: none; */
}

/* .link-wrapper-title {
	background-color: hsl(0, 0%, 4%);
} */

/* .link-detail {
	background-color: hsl(0, 0%, 15%);
} */

/* a.link-title,
a.link-detail,
a.link-index {
	padding: .3em .5em;
} */

nav {
    text-align: center;
}

.unhide-item {
    display: inline;
}

.hide-item,
img {
    display: none !important;
}

a,
a:visited {
    display: inline-block;
    color: inherit;
    /* color: lightskyblue; */
    /* text-decoration: none; */
    /* text-decoration: underline;
		text-decoration-thickness: .1em;
		text-underline-offset: .2em; */
}

.lighter {
    filter: brightness(100%);
    transition: all 0.5s linear;
}

.deco {
    text-decoration: none;
}

.nowrap {
    display: inline-block;
    white-space: nowrap;
}

.mart0 {
    margin-top: 0;
}

span.pointer-type::after {
    content: "Not Supported";
}

span.pointer-type::after {
    content: "None";
}

@media (pointer: fine) {
    span.pointer-type::after {
        content: "Fine";
    }
}

span.hover-type::after {
    content: "None";
}

@media (hover: hover) {
    span.hover-type::after {
        content: "Hover";
    }
}

.ofcom {
    font-weight: 600;
    color: deeppink;
}

details > summary {
    color: inherit;
    padding: 0.25em;
    list-style-position: outside;
}

details[data-forced-summary] > summary {
    display: block;
    content: "" !important;
    color: hsl(0, 0%, 75%);
    pointer-events: none;
    cursor: default;
}

.hide {
    display: none;
}

.hide-vis {
    visibility: hidden;
}

.center {
    text-align: center;
}

.navigation-button,
.navigation-button-index,
.skip-button,
.url-button {
    /* margin-bottom: .3em; */
    /* border: .05em solid hsla(0, 0%, 100%, .1); */
    border: 0.0625rem solid transparent;
    border-bottom: 0.0625rem solid darkgoldenrod;
    text-decoration: none;
    transition: all 0.5s linear;
}

.theme-button {
    /* border: .05em solid hsla(0, 0%, 100%, .1); */
    border: 0.0625rem solid transparent;
    border-bottom: 0.0625rem solid darkgoldenrod;
    text-decoration: none;
    transition: all 0.5s linear;
}

/* .navigation-button
{
margin-left: .2rem;
margin-right: .2rem;
} */
.navigation-button,
.navigation-button-index,
.url-button,
.menu {
    margin: 0.2em 0 0 0;
}

/* .navigation-label
	{
	background-color: hsl(318, 87%, 13%);
	margin-bottom: .5rem;
	padding: .25em .5em .25em .5em;
	border: .05em solid hsl(318, 87%, 13%);
	text-decoration: none;
	} */

table {
    /* border: .125rem solid hsl(349, 100%, 10%); */
    border-collapse: collapse;
}

table.info-tab1 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em 0.25em;
}

table.games-table {
    inset: 0;
    margin: 1em auto 0 auto;
    /* width: 75%; */
}

.event-title {
    color: hsl(0, 0%, 75%);
    background-color: hsl(240, 100%, 10%);
    border-width: 0.125em;
}

tr {
    padding: 0.35em 0.5em;
}

/* td {
	padding: .25rem .5rem;
	border: none;
	} */

td.retro.ymwd:nth-child(odd),
td.retro.ymwd.data:nth-child(even) {
    color: hsl(191, 100%, 79%);
}

td.retro.ymwd:nth-child(even),
td.retro.ymwd.data:nth-child(odd) {
    color: lightgreen;
}

tr.event:nth-child(even),
tr.retro-tab:nth-child(odd),
div.music:nth-child(odd) {
    background-color: hsl(0, 0%, 3%);
}

tr.event:nth-child(odd),
tr.retro-tab:nth-child(even),
div.music:nth-child(even) {
    background-color: hsl(0, 0%, 6%);
}

.email-address {
    font-size: 1.5rem;
}

.email-subject,
.email-subject2 {
    text-align: center;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    /* border: .125rem solid hsl(349, 100%, 10%); */
}

.email-subject {
    background-color: hsl(290, 100%, 5%);
}

.email-subject2 {
    background-color: hsl(195, 100%, 5%);
}

hr {
    height: 0;
    border: 0;
    border-bottom: 0.0625rem dashed deeppink;
    margin: 0;
}

.divider {
    height: 0;
    border: 0;
    margin-top: 1em;
    margin-bottom: 1rem;
    border-bottom: 0.0625rem dashed deeppink;
}

/* .divider2 {
	height: 0;
	border: 0;
	border-bottom: .0625rem dashed deeppink;
	margin: 0 4ch;
	margin-top: 1em;
	} */

li::marker {
    color: deeppink;
    vertical-align: top;
}

.small-box {
    /* border: .125rem solid hsl(349, 100%, 10%); */
    text-align: center;
    padding: 1em;
}

.browser-version {
    color: hsl(240, 100%, 80%);
}

.browser-dash {
    color: hsl(0, 100%, 80%);
}

.small-box,
div.intro,
tr.info-tab1 {
    background-color: hsl(0, 0%, 6%);
}

ul.intro {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.5em;
}

.music-track {
    display: block;
    font-size: 0.8rem;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 2em;
    padding-right: 0.5em;
    text-decoration: none;
}

/* .music-block {
	border: .125em solid hsl(349, 100%, 10%);
	} */

.music-index {
    display: block;
    background-color: hsl(240, 100%, 10%);
    padding: 0.25em;
    /* border: .0625rem solid hsl(349, 100%, 10%); */
    margin: 0;
    text-decoration: none;
    width: 100%;
}

/* .skip-button
	{
	cursor: help;
	background-color: hsl(120, 45%, 13%);
	display: none;
	} */

.skip-button {
    background-color: black !important;
    color: hsl(0, 0%, 75%);
    padding: 0.5em 0.8em 0.5em 0.8em;
    margin-top: 1em;
    margin-left: 1em;
    font-style: italic;
    position: absolute;
    cursor: help;
    z-index: 10;
    text-decoration: none;
    transform: translateX(-200%);
    transition: transform 500ms linear;
}

.skip-button:focus-visible {
    transform: translateX(0);
}

a.continue {
    background-color: hsl(0, 0%, 16%);
}

a.continue:hover,
a.continue:focus-visible {
    color: black;
    background-color: hsl(0, 0%, 35%);
    text-shadow: none;
    text-decoration: none;
}

.blank {
    margin-left: 0.125em;
    margin-right: 0.125em;
}

.section-header-text {
    color: hsl(0, 0%, 70%);
    text-transform: capitalize;
    border-bottom: 0.1875rem double green;
}

.sub-title,
.data-heading {
    color: hsl(0, 0%, 70%);
    text-transform: capitalize;
    border-bottom: 0.1875rem double deeppink;
    margin: 0;
}

h3.data-heading {
    display: inline;
    display: inline-block;
}

/* .navigation-label
	{
	display: inline-block;
	cursor: help;
	} */

.not-text-theme {
    display: none !important;
}

.time {
    color: hsl(195, 53%, 79%);
    cursor: help;
}

.text-info-table {
    width: 100%;
}

.text-info-c1 {
    max-width: 30%;
    min-width: 30%;
    width: 30%;
    text-align: right;
    color: hsl(0, 0%, 85%);
    padding: 0.35em 0 0.35em 0.5em;
}

.text-info-c2 {
    width: 1.75rem;
    padding: 0.35em 0.5em;
    color: deeppink;
    font-weight: 900;
    text-align: center;
}

.text-info-c3 {
    padding: 0.35em 0.5em 0.35em 0;
}

.number {
    padding: 0.35em 0 0.35em 0.5em;
}

.log-sep {
    padding: 0.3em 0.5em;
    color: deeppink;
    font-weight: 900;
    vertical-align: top;
}

.log-text {
    padding: 0.35em 0.5em 0.35em 0;
}

.text-info-c1,
.text-info-c2,
.text-info-c3,
.number,
.log-text {
    line-height: 1.5em;
    vertical-align: top;
}

@media (max-width: 699px) {
    .text-info-c1,
    .text-info-c2,
    .text-info-c3 {
        font-size: 0.85rem;
    }
}

@media (min-width: 1200px) {
    .text-info-c1 {
        max-width: 23%;
        min-width: 23%;
        width: 23%;
    }
}

.word-break,
ul .intro,
ul .intro li {
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.section-header {
    margin-top: 1em;
    /* margin-bottom: .5rem; */
}

p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    hyphens: auto;
}

p + p {
    margin-top: 1em;
}

.small-box,
.info-tab1 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.url-button-container {
    text-align: center;
    margin: 0.5rem 0 0 0;
    line-height: unset;
}

.url-button {
    padding: 0.25em 0.5em;
}

.pad0 {
    padding: 0 !important;
}

.padb0 {
    padding-bottom: 0 !important;
}

.padt0 {
    padding-top: 0 !important;
}

.mar0 {
    margin: 0 !important;
}

.marb0 {
    margin-bottom: 0 !important;
}

.mart0 {
    margin-top: 0 !important;
}

.bor0 {
    border: 0 !important;
}

.bort0 {
    border-top: 0 !important;
}

.navigation-button:hover,
.navigation-button-index:hover,
.navigation-button-private:hover,
.skip-button:hover,
.url-button:hover,
.navigation-button:focus-visible,
.navigation-button-index:focus-visible,
.navigation-button-private:focus-visible,
.skip-button:focus-visible,
.url-button:focus-visible {
    color: white;
    text-decoration: none;
    text-shadow: none;
    border: 0.0625rem solid hsl(0, 0%, 60%);
    background-color: hsla(0, 0%, 100%, 0.07);
}

.hover:hover,
.hover:focus-visible {
    color: white;
    text-decoration: none;
    text-shadow: none;
    border-bottom: 0.0625rem solid transparent;
    background-color: hsla(0, 0%, 100%, 0.2);
}

.theme-button:hover,
.theme-button:focus-visible {
    color: white;
    text-decoration: none;
    border-bottom: 0.0625rem solid transparent;
    background-color: hsla(0, 0%, 100%, 0.2);
}

.hover {
    padding-bottom: 0.01em;
}

.music-track:hover,
.link-title:hover,
.link-detail:hover,
.music-track:focus-visible,
.link-title:focus-visible,
.link-detail:focus-visible {
    text-decoration: none;
    /* text-shadow: none; */
    color: black;
    background-color: hsl(0, 0%, 35%);
    cursor: pointer;
}

details[open] > summary:hover *,
details[open] > summary:focus-visible *,
details > summary:hover *,
details > summary:focus-visible *,
details[open] > summary:hover,
details[open] > summary:focus-visible,
details > summary:hover,
details > summary:focus-visible {
    cursor: pointer;
    color: black !important;
    background-color: hsl(0, 0%, 35%) !important;
    text-shadow: none;
}

details > summary::marker {
    color: dodgerblue;
}

details[open] > summary::marker {
    color: green;
}

@media (max-width: 599px) {
    section,
    .table-list,
    .std-mar {
        margin: 0.5rem;
    }

    .section-header {
        margin-top: 0.5em;
    }

    [data-width="45ch"],
    [data-width="60ch"] {
        max-width: 98%;
        padding: 0 0.5em;
        margin-left: auto;
        margin-right: auto;
    }
}

/* *:focus-visible {
	color: hsl(0, 0%, 75%) !important;
	background-color: black !important;
	border-bottom: .125rem solid transparent !important;
	} */

.music-dash {
    display: none;
}

@media (width < 600px) {
    .music-dots {
        display: none;
    }

    .music-dash {
        display: inline;
    }
}

@media (pointer: coarse) {
    .blank {
        display: none;
    }

    .navigation-button,
    .navigation-button-index,
    .navigation-button-index-label,
    .skip-button,
    .url-button {
        min-width: 3rem;
    }

    .section-header-text {
        flex-grow: 1;
        text-align: center;
    }

    p,
    .data-heading {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

    .skip-button {
        display: inline-block;
    }

    .navigation-button,
    .navigation-button-index,
    .navigation-button-index-label,
    .url-button {
        /* font-size: 1rem; */
        padding: 0.5em;
        margin: 0.0625em;
    }

    .theme-bar {
        /* font-size: 1em; */
        padding-bottom: 0.25em;
        padding-left: 0.5em;
    }

    .navigation-button:hover,
    .navigation-button-index:hover,
    .skip-button:hover,
    .url-button:hover,
    .hover:hover,
    .navigation-button:focus-visible,
    .navigation-button-index:focus-visible,
    .skip-button:focus-visible,
    .url-button:focus-visible,
    .hover:focus-visible {
        border: 0.0625rem solid transparent;
        border-bottom: 0.0625rem solid transparent;
        text-shadow: none;
    }

    .theme-button:hover,
    .theme-button:focus-visible {
        border-bottom: 0.0625rem dotted darkgoldenrod;
    }

    .linkseperator {
        display: none;
    }

    span.pointer-type::after {
        content: "Coarse";
    }

    .navigation-button,
    .navigation-button-index,
    .skip-button,
    .url-button,
    .menu {
        border: 0.0625rem dotted darkgoldenrod;
        padding: 0.75em;
        margin: 0.0625em;
    }

    .theme-button {
        border: 0.0625rem dotted darkgoldenrod;
        /* font-size: .6rem; */
    }

    .menu {
        padding: 2em;
    }

    .music-track,
    .music-index {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    details > summary {
        margin-top: 0;
        padding: 1em;
    }

    .link-detail,
    .link-title {
        padding: 1em;
    }

    .linkseperator {
        display: none;
    }

    /* Required for MS Edge */
    .section-header:focus,
    .section-header-text:focus,
    .log-section:focus {
        outline: none !important;
    }
}

/* @media (prefers-reduced-motion: no-preference) and (not (pointer: coarse)) { */
@media (prefers-reduced-motion: no-preference) {
    a.menu:is(:hover, :focus-visible) span.nowrap,
    .navigation-button:is(:hover, :focus-visible) .nowrap,
    .navigation-button-index:is(:hover, :focus-visible) .nowrap,
    .url-button:is(:hover, :focus-visible) .nowrap {
        animation-name: rotate-link;
        animation-duration: 1s;
        animation-delay: 0.5s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
    }

    @keyframes rotate-link {
        100% {
            rotate: 0 1 0 360deg;
        }
    }
}