diff --git a/html-css/fun.css b/html-css/fun.css new file mode 100644 index 0000000..46ee9bf --- /dev/null +++ b/html-css/fun.css @@ -0,0 +1,16 @@ +:root { + --fonts-sans-serif: ui-sans-serif, "Liberation Sans", "Arimo", "Arial", + sans-serif "Noto Emoji", "Noto Color Emoji", emoji; + --fonts-serif: ui-serif, "Liberation Serif", Tinos, "Times New Roman", serif, + "Noto Emoji", "Noto Color Emoji", emoji; + --fonts-mono: ui-monospace, "Liberation Mono", Cousine, "Courier New", + monospace, "Noto Emoji", "Noto Color Emoji", emoji; +} + +* { + font-variant-emoji: text; + margin: 25%; + font-family: var(--fonts-serif); + background-color: #000000; + color: #ffffff; +} diff --git a/html-css/fun.html b/html-css/fun.html new file mode 100644 index 0000000..b2a4f2c --- /dev/null +++ b/html-css/fun.html @@ -0,0 +1,12 @@ + + + + + + Lorem. + + + +

MEOW

+ + diff --git a/html-css/style.css b/html-css/style.css index a5f7eca..1fc243d 100644 --- a/html-css/style.css +++ b/html-css/style.css @@ -1,9 +1,6 @@ /* Declare our style as capable of both styles, defaulting to the former if browser has no configuration. At this point we have a dark theme! Also variables will make things easier later on */ :root { - /* FIXME TODO WARNING PROBABLY INACCESSIBLE BAD IN REAL CODE */ - zoom: 100%; - /* see above */ color-scheme: dark light; --fonts-sans-serif: ui-sans-serif, "Liberation Sans", "Arimo", "Arial", sans-serif "Noto Emoji", "Noto Color Emoji", emoji;