From bdab88c7d270c6cfdd47757319bab8ceed52bc65 Mon Sep 17 00:00:00 2001 From: anyunderstanding Date: Thu, 28 Dec 2023 19:01:52 +0100 Subject: yeeaahh --- uncool/index.html | 0 uncool/style.css | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 77 insertions(+) delete mode 100644 uncool/index.html create mode 100644 uncool/style.css diff --git a/uncool/index.html b/uncool/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/uncool/style.css b/uncool/style.css new file mode 100644 index 0000000..66c738e --- /dev/null +++ b/uncool/style.css @@ -0,0 +1,77 @@ +html, body { + background-color: #000; + color: #fff; + padding: 0; + margin: 0; + text-align: center; + font-size: 69px; + font-family: 'Courier New', Courier, monospace; + font-weight: bold; +} + +.center { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.blink { + animation: blink .2s infinite; +} + +@keyframes blink { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +.bg { + z-index: 1; + width: 100%; + height: 200vh; + position: absolute; + top: 0; + left: 0; +} + +.page { + height: 100vh; + position: relative; +} + +.note { + position: absolute; + bottom: 0; + left: 0; + right: 0; + font-size: 28px; +} + +.colored { + background-color: pink; +} + +ul, li, ol { + list-style: none; +} + +a:link, a:visited { + color: #fff; +} + +@media (prefers-reduced-motion: reduce) { + .blink { + animation: none; + } + + .bg { + display: none; + } +} -- cgit v1.2.3