diff --git a/README.md b/README.md
index c0189a8..96d97c0 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,3 @@
-### [O3 mural](https://webmural.com/o3)
+## [ydy mural](https://webmural.com/ydy)
-* [ozone figure](index.html)
-* [ultra flex](ultra.css)
-* [violet flow](violet.css)
+### [hYper](index.html) [Deviation](d.css) [Yolks](yy.css)
diff --git a/ultra.css b/d.css
similarity index 80%
rename from ultra.css
rename to d.css
index f5d0ae1..1afff9d 100644
--- a/ultra.css
+++ b/d.css
@@ -6,7 +6,7 @@ a {
border-radius: 100%;
display: inline-flex;
padding: 1ch;
- text-decoration: dotted line-through;
+ text-decoration: dotted overline;
}
html {
@@ -18,7 +18,7 @@ html {
body {
margin: auto;
overflow-wrap: anywhere;
- padding: 3ch;
+ padding: 2ch;
}
figure {
@@ -38,16 +38,9 @@ figcaption {
text-transform: lowercase;
}
-ul {
+menu {
align-items: center;
- contain: layout;
display: flex;
- justify-content: space-around;
- font-size: 1.236em;
-}
-
-ul ~ ul {
- font-size: 1em;
}
li {
@@ -60,12 +53,8 @@ abbr {
margin: auto;
}
-small {
- font-size: .8rem;
-}
-
@media (orientation: portrait) {
- ul {
+ menu {
flex-flow: column;
}
}
@@ -74,4 +63,4 @@ small {
figcaption {
writing-mode: sideways-lr;
}
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index 62cea54..7c70a7d 100644
--- a/index.html
+++ b/index.html
@@ -2,39 +2,32 @@
-o3 ≈ ozone
+ydy mural dye
-
-
+
+
-
-
+
+
-
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
- O3
-
-
+
+
- All UV-a and some UV-b permeate Earthz ozone layer
+ ydy
+ dye
+ dub
diff --git a/ooo.svg b/ooo.svg
deleted file mode 100644
index 48a3779..0000000
--- a/ooo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
diff --git a/reef.css b/reef.css
new file mode 100644
index 0000000..3e318ed
--- /dev/null
+++ b/reef.css
@@ -0,0 +1,15 @@
+
diff --git a/violet.css b/violet.css
deleted file mode 100644
index 6ec4c7e..0000000
--- a/violet.css
+++ /dev/null
@@ -1,30 +0,0 @@
-::selection {
- background: #323;
- color: #de1;
-}
-
-:any-link {
- background: hotpink;
- color: inherit;
- transition: 333ms ease-out;
-}
-
-:any-link:only-child {
- background: salmon;
-}
-
-:focus {
- filter: hue-rotate(-36deg);
- outline: .2ch double;
-}
-
-:active {
- filter: hue-rotate(-72deg);
-}
-
-html {
- background: mediumpurple;
- background-image: linear-gradient(0turn, #1ed 0%, transparent 38%, transparent 62%, #cd2);
- color: #121113;
- transition: 333ms ease-in;
-}
\ No newline at end of file
diff --git a/yy.css b/yy.css
new file mode 100644
index 0000000..85ac29a
--- /dev/null
+++ b/yy.css
@@ -0,0 +1,42 @@
+::selection {
+ background: purple;
+ color: #ec0;
+}
+
+:any-link {
+ background: hotpink;
+ color: inherit;
+ transition: 666ms ease-out;
+}
+
+:any-link:only-child {
+ background: hotpink;
+}
+
+:focus {
+ filter: hue-rotate(-36deg);
+ outline: 1ch solid purple;
+}
+
+:active {
+ filter: hue-rotate(-36deg);
+}
+
+html {
+ background-color: deeppink;
+ background-image: linear-gradient(
+ 0turn,
+ transparent 0%,
+ transparent 38%,
+ coral 38%,
+ coral 62%,
+ #dc2 62%,
+ #dc2
+ );
+ color: #330330;
+ transition: 666ms ease-in;
+}
+
+html:focus-within {
+ background-color: hotpink;
+}