-html {
- font-size: 10px;
-}
-
-body {
- margin: 0;
- background-color: white;
- font-family: times, 'Times New Roman', serif;
-}
-
-header a, header a:visited {
- color: black;
-}
-
-h1 {
- display: inline-block;
- margin-left: 1rem;
- font-weight: 300;
-}
-
-header {
- margin: -0.3em 0 0 -0.1em;
- font-size: 9.6em;
- font-style: italic;
- text-transform: uppercase;
-}
-
-h1 {
- font-size: 4.8em;
-}
-
-a {
- color: blue;
-}
-
-a:visited {
- color: purple;
-}
-
-ul, p {
- font-size: 1.8rem;
- line-height: 1.28em;
- margin-left: 1em;
- max-width: 50em;
- font-family: 'Helvetica Neue', Arial, sans-serif;
-}
-
-li {
- display: block;
-}
-
-li p {
+canvas {
+ width: 64px;
+ height: 64px;
display: inline-block;
- line-height: 1.82em;
- margin: 0;
+ background-color: gainsboro;
}
-span {
- display: inline;
- color: grey;
+ul {
+ list-style: square;
}
-img,
-video {
- display: block;
- max-width: 100vw;
-}
-
-header a, h1, p {
- background-color: white;
-}
-
-/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
body {
- background-color: black;
- color: white;
- }
-
- header a, header a:visited {
color: white;
+ background-color: black;
}
a {
- color: #53FFFF;
+ color: #5dc1fd;
}
a:visited {
- color: #FF55FF;
- }
-
- a[href^="telnet"] {
- color: #55FF55;
+ color: #ed6eff;
}
-
- span {
- color: #FFEC27;
- }
-
- header a, h1, p {
- background-color: black;
- }
-}
-
-/*
- * Mini header
- */
-@media (max-width: 600px) {
- header {
- font-size: 4.8em;
- }
-}
-
-/*
- * Breadsticks
- */
-canvas.background {
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- z-index: -1;
}