diff --git a/index.html b/index.html
index 713c8dd..fceb022 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
 <link rel=me href=https://chitter.xyz/@niss>
 <link rel=me href=https://cohost.org/niss>
 
-<link rel=icon href=media/favicon.png>
+<link rel=icon href=media/favicon.webp>
 <link rel=stylesheet href=style/base.css>
 <link rel=stylesheet href=style/cube.css>
 <link rel=stylesheet href=style/flat.css>
@@ -20,14 +20,14 @@
 <meta property=og:title content="the gec zone">
 <meta property=og:description content="lair of the creature known as “niss”">
 <meta property=og:url content="https://yummy.cricket">
-<meta property=og:image        content=media/opengraph.png>
+<meta property=og:image        content=media/opengraph.webp>
 <meta property=og:image:width  content=400>
 <meta property=og:image:height content=400>
-<meta property=og:image        content=media/twittercard.png>
+<meta property=og:image        content=media/twittercard.webp>
 <meta property=og:image:width  content=800>
 <meta property=og:image:height content=418>
 <meta name=twitter:card  content=summary_large_image>
-<meta name=twitter:image content=media/twittercard.png>
+<meta name=twitter:image content=media/twittercard.webp>
 
 <script src=script/shuffle.js type=module></script>
 <script src=script/run.js type=module></script>
@@ -96,11 +96,11 @@
       </dl>
 
       <div id=flags>
-        <img src=media/flags/nb.png alt=non-binary title=non-binary>
-        <img src=media/flags/gf.png alt=genderfluid title=genderfluid>
-        <img src=media/flags/pan.png alt=pansexual title=pansexual>
-        <img src=media/flags/quoi.png alt=quoiromantic title=quoiromantic>
-        <img src=media/flags/polyam.png alt=polyamorous title=polyamorous>
+        <img src=media/flags/nb.svg alt=non-binary title=non-binary>
+        <img src=media/flags/gf.svg alt=genderfluid title=genderfluid>
+        <img src=media/flags/pan.svg alt=pansexual title=pansexual>
+        <img src=media/flags/quoi.svg alt=quoiromantic title=quoiromantic>
+        <img src=media/flags/polyam.svg alt=polyamorous title=polyamorous>
       </div>
     </section>
 
diff --git a/media/buttons/alloyed_still.png b/media/buttons/alloyed_still.png
index 9cb13a2..ccbc0f4 100644
--- a/media/buttons/alloyed_still.png
+++ b/media/buttons/alloyed_still.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f2172d138592cd776beab68b871168dc6cd9cefe827ce11f0010b139ee8955e4
-size 1645
+oid sha256:b57d3bec7570d8fe2f8a42ceb9fb107bd26513ae56fe27230878797c03e516f7
+size 1620
diff --git a/media/buttons/beeps_still.png b/media/buttons/beeps_still.png
index 4c362b9..101bb6b 100644
--- a/media/buttons/beeps_still.png
+++ b/media/buttons/beeps_still.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1d5caf5462dba1c6ab25491ec835f7433040c847c81ccd36d29c8b717e13315b
-size 1977
+oid sha256:a62d65bbbb03db4956c29c4a4f743e6ffc62d5462488189c43fdd968bb8b23e9
+size 1955
diff --git a/media/buttons/blau.png b/media/buttons/blau.png
index 0b9e0cb..8ebc487 100644
--- a/media/buttons/blau.png
+++ b/media/buttons/blau.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e18ee746676a2e3b31780c1603e0faecfac2be1b7a662ab9144a3dfb1e6b1079
-size 3011
+oid sha256:80d79cabb9439b5b0056c3755a4529d4cf4ce00f438478fdc515c6e1fe0f3102
+size 2952
diff --git a/media/buttons/cdromca.png b/media/buttons/cdromca.png
index 1451288..d981036 100644
--- a/media/buttons/cdromca.png
+++ b/media/buttons/cdromca.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1d0a89493957752d850100702f4148e010c197b089d83cc465e042658119298c
-size 698
+oid sha256:9573a56b72533d21ec436929c922303516377ed579732f30a711979edb1a219c
+size 696
diff --git a/media/buttons/cervine.png b/media/buttons/cervine.png
index 39caa3a..e9fb25c 100644
--- a/media/buttons/cervine.png
+++ b/media/buttons/cervine.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9387d58c41cd8e6496ef3a8eeaed5b4e7f273d1a1c3eacd974b07cdbdb8db4f0
-size 5036
+oid sha256:a15c8db5290884eda04f9d782a329ce822b53ebf14bd0cf529d126e7101b9b02
+size 4376
diff --git a/media/buttons/clip.png b/media/buttons/clip.png
index c4d9443..e301dec 100644
--- a/media/buttons/clip.png
+++ b/media/buttons/clip.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:fa4a658acc9f0d9f2557bace361c9bc41acdf06eb2d8f4fda45365a658c9e8d3
-size 2098
+oid sha256:0aca89b28d4ea4865d0d3d3fa698c1f5160900a8c8ed56cf6e4487d03128f260
+size 1612
diff --git a/media/buttons/coda.png b/media/buttons/coda.png
index 611f52b..55ec73c 100644
--- a/media/buttons/coda.png
+++ b/media/buttons/coda.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:91794eb1b2a45422b14072272c40eb734cd0b1284c668a2300557b2f95515224
-size 2401
+oid sha256:b91cbe947172a37d713c8f06ba8a2b565fbdbabb1f8e4d7ae60a7a021be4176a
+size 943
diff --git a/media/buttons/craw.png b/media/buttons/craw.png
index c494186..0fb3f95 100644
--- a/media/buttons/craw.png
+++ b/media/buttons/craw.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d76b9015e9e7059279a93357c9b6de5a64255e4543627900b0b3a1c9f788ee27
-size 483
+oid sha256:11d39aea3b7588335c1ba0b9085cb1bd05bcbdd53778db4151811aab51590532
+size 440
diff --git a/media/buttons/creature0354_still.png b/media/buttons/creature0354_still.png
index 8a1858d..762e328 100644
--- a/media/buttons/creature0354_still.png
+++ b/media/buttons/creature0354_still.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:db007dba478cf2c1907416e6c79b75081fc85b6d0bce73814919714370d49124
-size 2695
+oid sha256:3052dce39b800d54b47354dac69d032eb39328ca71d104878ffdb5c94fa891af
+size 2662
diff --git a/media/buttons/crouton.png b/media/buttons/crouton.png
index 5f7c400..ea52bbf 100644
--- a/media/buttons/crouton.png
+++ b/media/buttons/crouton.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f9196b6e515480cac2270d7a20edac8a377d0fd9eed11661335141e595363b18
-size 10437
+oid sha256:35ba66cdb47c60e0c10571806652d6a32b5c78ba32dcfd028d94f4ad6a12d1f4
+size 9486
diff --git a/media/buttons/dex.png b/media/buttons/dex.png
index 1f16eb1..db28211 100644
--- a/media/buttons/dex.png
+++ b/media/buttons/dex.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cfdb19bf757b16700c95ad69ac2e71d79acd7ef7490b1aaa3e86cc102cb6501f
-size 5686
+oid sha256:3a9983502803ef4be963dc1424ffeb89163402fd8b7184a388728ee0f53e51f9
+size 5650
diff --git a/media/buttons/dino.png b/media/buttons/dino.png
index eae44c7..900d5e9 100644
--- a/media/buttons/dino.png
+++ b/media/buttons/dino.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:50f62c80929903b191fd53d57fab5115d253662378c7c788dc6c21862d6cc922
-size 12590
+oid sha256:90e60881064ce5dbde5fa8f62f8a84af46365ffdbe89e36fb8dc7f58358b4133
+size 11675
diff --git a/media/buttons/gabu.png b/media/buttons/gabu.png
index 9daf840..07aa9cd 100644
--- a/media/buttons/gabu.png
+++ b/media/buttons/gabu.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:009b7fc831c0ff7ad57fe71979a0c45be3a4ccd0560e41d3fddc465a8c586ced
-size 835
+oid sha256:7c879b9571886c3215b0673fa743e43d61a6a8d6ec5a2cbff3160cd586316370
+size 766
diff --git a/media/buttons/gulfie.png b/media/buttons/gulfie.png
index 0c6fa47..0efab85 100644
--- a/media/buttons/gulfie.png
+++ b/media/buttons/gulfie.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:240ea6a48809669131cbff7b386a94fd0747bbd3ab78fb4ea8cf9cd19f84a7de
-size 135776
+oid sha256:869bd07d2ef491553e2ed11e6fe765f7f90004ba74b191b8b173bb82a9770e39
+size 135530
diff --git a/media/buttons/hell-labs-still.png b/media/buttons/hell-labs-still.png
index a23a3f2..52cb157 100644
--- a/media/buttons/hell-labs-still.png
+++ b/media/buttons/hell-labs-still.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b23dbc5031f29fb0cb383eb3acda6e0dce805b34a570506a79cae333fa39b05d
-size 2394
+oid sha256:075b0b93bd984c7078b6ec58e0e10e823ec5d538794f382082abeddfb3c79166
+size 1805
diff --git a/media/buttons/katja.png b/media/buttons/katja.png
index 5f470b3..e54e790 100644
--- a/media/buttons/katja.png
+++ b/media/buttons/katja.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d17d6314c864556208031d7d1103fab509cc894b195db98a82685261c96c8299
-size 4027
+oid sha256:623a200959304ecbb386c654218eaa93a831a8e6a857516016aa982e948cec61
+size 3384
diff --git a/media/buttons/krita.png b/media/buttons/krita.png
index 7722cad..9bfec67 100644
--- a/media/buttons/krita.png
+++ b/media/buttons/krita.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ff85766c343619cbe1ad612b8d4168a1f0a13d4c3b8516465677e44e202a7ad5
-size 11487
+oid sha256:9e85a8789fb67183eb433dcfc330e7246445eae672fadae60c09a7ec65347c79
+size 10572
diff --git a/media/buttons/lifning.png b/media/buttons/lifning.png
index 807b50e..202a64b 100644
--- a/media/buttons/lifning.png
+++ b/media/buttons/lifning.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4260ff94fd4a16073c76b1d76ef041de85802f166872d24e4d8c723555a9b951
-size 1528
+oid sha256:eb9f3925417fa2bb5842a2c0ef6c4ccffd13b83d52e67a0fdc9273fc05681583
+size 1461
diff --git a/media/buttons/mathie.png b/media/buttons/mathie.png
index 5e5f6a1..5ed6859 100644
--- a/media/buttons/mathie.png
+++ b/media/buttons/mathie.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c3a76a9d2333fa62c75da7444c0c14218a1f58a2689efa0b2d2676c7ecf6b4ee
-size 10046
+oid sha256:d595aa620181a8889f0440c9ac478d8c2748484757dbd0f032ac19e827faa8e7
+size 8398
diff --git a/media/buttons/odoben.png b/media/buttons/odoben.png
index 5cc1928..d4fd6f1 100644
--- a/media/buttons/odoben.png
+++ b/media/buttons/odoben.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:200c2ced55ce39d5d395fdec14053938fc61c1a8679d18298a699a1c9538e3f5
-size 1209
+oid sha256:08c5a7e4f886a8cbfcc03d465dd13e430389048fadb595617d31961c4187fed1
+size 834
diff --git a/media/buttons/pearshapes.png b/media/buttons/pearshapes.png
index 5e74369..cc5da6c 100644
--- a/media/buttons/pearshapes.png
+++ b/media/buttons/pearshapes.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:28c5ab5c813fd5efefb9a99d0050bbfc3e97371209c275560a0003275544b594
-size 2238
+oid sha256:933efb765ae07794cbc0f4dab6ce7e9486521e5169694378e337ae01ab900ce1
+size 1449
diff --git a/media/buttons/pebble_still.png b/media/buttons/pebble_still.png
index 6ea5316..06b38e5 100644
--- a/media/buttons/pebble_still.png
+++ b/media/buttons/pebble_still.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a1043ef03bb4a2964caa264838dc223e994ff4bbc4dc94a4d49345a2f9d16838
-size 10205
+oid sha256:ea4b6665e433414c2ceac1654f7bae8e8d56b75cfcbe564f1007997ff8288890
+size 9290
diff --git a/media/buttons/therra.png b/media/buttons/therra.png
index a7d19aa..59402f8 100644
--- a/media/buttons/therra.png
+++ b/media/buttons/therra.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6f4471f97ace4b2365e6cfc02cafde7e666d31a8fbcf049441bfc008e4f8ac07
-size 882
+oid sha256:61ab373ba4f1ebf812b03ae6325f79e81d8de535c6c05ca49e2f525f8ec2e7cc
+size 764
diff --git a/media/buttons/tsunderdog_still.png b/media/buttons/tsunderdog_still.png
index 3aec498..73b60ae 100644
--- a/media/buttons/tsunderdog_still.png
+++ b/media/buttons/tsunderdog_still.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:68d90d0158eb34389572e7463864d1cee3e552ea637a368bf19bfc0829ed9660
-size 1617
+oid sha256:82baf8df5618b64bf9f5dcd816752fd965fd1ea2bfd4e401989608df2c66887a
+size 1596
diff --git a/media/favicon.png b/media/favicon.png
deleted file mode 100644
index 7d7bb0e..0000000
--- a/media/favicon.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:7260d9f688d6078835cf2e34a9bb81fd98e0d5e3132c153cc36af001b7160d36
-size 9255
diff --git a/media/favicon.webp b/media/favicon.webp
new file mode 100644
index 0000000..4276ec4
--- /dev/null
+++ b/media/favicon.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:938ffd30aa2e5d0f45b0595564a124b285bf77273a20cd37cb31424fb2d5dedf
+size 9570
diff --git a/media/flags/gf.png b/media/flags/gf.png
deleted file mode 100644
index 42bee74..0000000
--- a/media/flags/gf.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c7430ca435d6c5f18b3df6f0a7870213094bdae043b91a8988f7b0052fbf5801
-size 217
diff --git a/media/flags/gf.svg b/media/flags/gf.svg
new file mode 100644
index 0000000..2223f55
--- /dev/null
+++ b/media/flags/gf.svg
@@ -0,0 +1,7 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'>
+<rect width='200' height='24' fill='#ff74a2'/>
+<rect width='200' height='24' y='24' fill='#fcfcfc'/>
+<rect width='200' height='24' y='48' fill='#bd17d5'/>
+<rect width='200' height='24' y='72' fill='#2b2b2b'/>
+<rect width='200' height='24' y='96' fill='#333ebc'/>
+</svg>
diff --git a/media/flags/nb.png b/media/flags/nb.png
deleted file mode 100644
index 4834d3f..0000000
--- a/media/flags/nb.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:6649f239a69d76063ded165607b9de3af39ef0ab0fa7fd29c812cf689107ca82
-size 546
diff --git a/media/flags/nb.svg b/media/flags/nb.svg
new file mode 100644
index 0000000..5c09c11
--- /dev/null
+++ b/media/flags/nb.svg
@@ -0,0 +1,6 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'>
+<rect width='200' height='30' fill='#fcf434'/>
+<rect width='200' height='30' y='30' fill='#fcfcfc'/>
+<rect width='200' height='30' y='60' fill='#9b5bd3'/>
+<rect width='200' height='30' y='90' fill='#2b2b2b'/>
+</svg>
diff --git a/media/flags/pan.png b/media/flags/pan.png
deleted file mode 100644
index b522658..0000000
--- a/media/flags/pan.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:60feca8a42802d659fb7fb81e287d80b94ae82ea77c1c006afd4553cb85f06f2
-size 538
diff --git a/media/flags/pan.svg b/media/flags/pan.svg
new file mode 100644
index 0000000..c3d9dfb
--- /dev/null
+++ b/media/flags/pan.svg
@@ -0,0 +1,5 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'>
+<rect width='200' height='40' fill='#ff208b'/>
+<rect width='200' height='40' y='40' fill='#ffd700'/>
+<rect width='200' height='40' y='80' fill='#20b0ff'/>
+</svg>
diff --git a/media/flags/polyam.png b/media/flags/polyam.png
deleted file mode 100644
index 2100de1..0000000
--- a/media/flags/polyam.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b1baf4daaee8ce2dd71c5a2ea62ee7c1ef62366e8313fd89db89ba590c72726e
-size 1988
diff --git a/media/flags/polyam.svg b/media/flags/polyam.svg
new file mode 100644
index 0000000..47509b0
--- /dev/null
+++ b/media/flags/polyam.svg
@@ -0,0 +1,11 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'>
+<rect width='200' height='43' fill='#36e'/>
+<rect width='200' height='34' y='43' fill='#e34'/>
+<rect width='200' height='43' y='77' fill='#123'/>
+<path stroke='#fe7' stroke-width='5' fill='none' d='
+  M126,64 l-26,26 -26,-26
+  c-26,-26 0,-56 26,-22  26,-34 52,-4 26,22 z
+  M55,60
+  c0,-20 20,-28 45,0     25,28 45,20 45,0
+   0,-20 -20,-28 -45,0  -25,28 -45,20 -45,0 z' />
+</svg>
diff --git a/media/flags/quoi.png b/media/flags/quoi.png
deleted file mode 100644
index c9746d3..0000000
--- a/media/flags/quoi.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5582b09a338e6d2a7f36d219dea37f70cf54aa420a9bb068efe4cf1cc6d080e2
-size 698
diff --git a/media/flags/quoi.svg b/media/flags/quoi.svg
new file mode 100644
index 0000000..ed22b4b
--- /dev/null
+++ b/media/flags/quoi.svg
@@ -0,0 +1,6 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'>
+<rect width='200' height='30' fill='#2b2b2b'/>
+<rect width='200' height='30' y='30' fill='#8bd655'/>
+<rect width='200' height='30' y='60' fill='#69d0d5'/>
+<rect width='200' height='30' y='90' fill='#d1d1d1'/>
+</svg>
diff --git a/media/icons/artfight.png b/media/icons/artfight.png
deleted file mode 100644
index c05d57b..0000000
--- a/media/icons/artfight.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a5f72bedc083faa7e813f49ca8f80111b314e53006a41af33b3958b1e0f0d638
-size 5895
diff --git a/media/icons/artfight.webp b/media/icons/artfight.webp
new file mode 100644
index 0000000..418bb7c
--- /dev/null
+++ b/media/icons/artfight.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3f54d4e538b82761a1f07e503697458af5a0aa54ff8f096fed06142ec9e05295
+size 4598
diff --git a/media/icons/blog.png b/media/icons/blog.png
deleted file mode 100644
index 8dd1aa4..0000000
--- a/media/icons/blog.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b4c6460ee6f24e74ed5c06711febf9a37f474ce39e73d350c640d7be3cd44e99
-size 20559
diff --git a/media/icons/blog.webp b/media/icons/blog.webp
new file mode 100644
index 0000000..1623ae1
--- /dev/null
+++ b/media/icons/blog.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f94b964adb87c4df28044725f04434b8f12ad53d08c31404b2dc2ad17a92e531
+size 19026
diff --git a/media/icons/chitter.png b/media/icons/chitter.png
deleted file mode 100644
index 9f68bdd..0000000
--- a/media/icons/chitter.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:874101ff84af4056abc9937cbc286f00e8175e0224fbc8afe72b77788fa6954a
-size 2102
diff --git a/media/icons/chitter.webp b/media/icons/chitter.webp
new file mode 100644
index 0000000..efd4144
--- /dev/null
+++ b/media/icons/chitter.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0a87bd29b0911741a02f66eed5844170f6c124250dfc5af5cbe00abada231012
+size 1510
diff --git a/media/icons/deviantart.png b/media/icons/deviantart.png
deleted file mode 100644
index da44cfe..0000000
--- a/media/icons/deviantart.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e50ff52e9e2cf8dda4c194a15938d04956946e0a49e37041a37b6dd736c7478e
-size 9720
diff --git a/media/icons/deviantart.webp b/media/icons/deviantart.webp
new file mode 100644
index 0000000..d00ac7b
--- /dev/null
+++ b/media/icons/deviantart.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0c61b0036f96cecd0cfe5dd2d3efd42016498074436499f173bf1bc8234f9587
+size 9672
diff --git a/media/icons/furaffinity.png b/media/icons/furaffinity.png
deleted file mode 100644
index f62d5f3..0000000
--- a/media/icons/furaffinity.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a31f4b2688f6f73558ddea3eebc7e74368273489349682e9c3db6311eec7647d
-size 30297
diff --git a/media/icons/furaffinity.webp b/media/icons/furaffinity.webp
new file mode 100644
index 0000000..9b57358
--- /dev/null
+++ b/media/icons/furaffinity.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:17dce2b0d41345a495dfd71194c8a5277d2a1efb262c597c872701bfb3e413ee
+size 20610
diff --git a/media/kesi-neon.l.webp b/media/kesi-neon.l.webp
new file mode 100644
index 0000000..867f9a5
--- /dev/null
+++ b/media/kesi-neon.l.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8e8394f47f0c80c09cd0ea1dd2e7ec5fa3459d5a6fcaffa023eddf5195bda7bc
+size 41436
diff --git a/media/kesi-neon.png b/media/kesi-neon.png
deleted file mode 100644
index 1779bf4..0000000
--- a/media/kesi-neon.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:90f3a404811c3d284ce4f62db9f5d0933b88bd044d99de43d6630a816dbb22ba
-size 115088
diff --git a/media/kesi-neon.webp b/media/kesi-neon.webp
index 867f9a5..6dac866 100644
--- a/media/kesi-neon.webp
+++ b/media/kesi-neon.webp
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8e8394f47f0c80c09cd0ea1dd2e7ec5fa3459d5a6fcaffa023eddf5195bda7bc
-size 41436
+oid sha256:0d53e6cb09912dd27a68323f059b57ce2688dda12bb5c1a4049c56ce2fe11a58
+size 107648
diff --git a/media/kesi.png b/media/kesi.png
deleted file mode 100644
index 7167395..0000000
--- a/media/kesi.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:d7b2ad77a5d6605686777ccf7b6975b288f0cf85ca023abbbbc988ac78587096
-size 27879
diff --git a/media/kesi.webp b/media/kesi.webp
new file mode 100644
index 0000000..44de023
--- /dev/null
+++ b/media/kesi.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e93cef0b9f29a488407bf8a9e88524bc13c26aa15c3c45f64ef02613aaf09f15
+size 25320
diff --git a/media/opengraph.png b/media/opengraph.png
deleted file mode 100644
index df112f3..0000000
--- a/media/opengraph.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:73c900e6dd23eca9a0a43770b1d94e639a424d72fbe7f538d1fb467bae0cf602
-size 221758
diff --git a/media/opengraph.webp b/media/opengraph.webp
new file mode 100644
index 0000000..0f2b5ad
--- /dev/null
+++ b/media/opengraph.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dc7103e9dc04652b0eae84c9b1e2a0cc5ef85f5e7a8dd6129d71ccd481a31825
+size 162456
diff --git a/media/quobl-neon.l.webp b/media/quobl-neon.l.webp
new file mode 100644
index 0000000..6f505d0
--- /dev/null
+++ b/media/quobl-neon.l.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f02c97b50d7d6eaba9edf29624d5a9556158bf918397d71e5f589ded8945e4f5
+size 39692
diff --git a/media/quobl-neon.png b/media/quobl-neon.png
deleted file mode 100644
index 1ecde1a..0000000
--- a/media/quobl-neon.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:988eaf8621e39f86f99350c44af3c591622be47d297ec63669a4205abe6c0d5b
-size 106171
diff --git a/media/quobl-neon.webp b/media/quobl-neon.webp
index 6f505d0..ec47096 100644
--- a/media/quobl-neon.webp
+++ b/media/quobl-neon.webp
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f02c97b50d7d6eaba9edf29624d5a9556158bf918397d71e5f589ded8945e4f5
-size 39692
+oid sha256:837ab21fc819a1068664e67e2b7be0008362bdd39463fa5be33913da9d557c0e
+size 84088
diff --git a/media/quobl.l.webp b/media/quobl.l.webp
new file mode 100644
index 0000000..f56e73a
--- /dev/null
+++ b/media/quobl.l.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ddd009dcb0dc26fc40150162fe78214994b2d323773912d9e23aa3981edc0f7e
+size 33652
diff --git a/media/quobl.png b/media/quobl.png
deleted file mode 100644
index 57aa46a..0000000
--- a/media/quobl.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:610fe136ea865b9842a799a41f62c96b70651aa44a1ec018c981eafb551d85fb
-size 118116
diff --git a/media/quobl.webp b/media/quobl.webp
index f56e73a..9f8e5a3 100644
--- a/media/quobl.webp
+++ b/media/quobl.webp
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ddd009dcb0dc26fc40150162fe78214994b2d323773912d9e23aa3981edc0f7e
-size 33652
+oid sha256:db6cc3ed7c32f3d4df7542974d40285c1fb1bd9b027c9de6f5dca9c9f8e8bf9a
+size 95946
diff --git a/media/quoxtrans.png b/media/quoxtrans.png
deleted file mode 100644
index 5537c8f..0000000
--- a/media/quoxtrans.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:45d76c6e3fc913bf7f81768b0cad8b4ce9a9f0e465e1dd24bad09c4ddfe400c2
-size 1006
diff --git a/media/quoxtrans.webp b/media/quoxtrans.webp
new file mode 100644
index 0000000..0bb81b5
--- /dev/null
+++ b/media/quoxtrans.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dffbf891933e33df3b0813aa55bcdbef10878c7b10d66420fb7ee2f1b329ffc5
+size 1052
diff --git a/media/twittercard.png b/media/twittercard.png
deleted file mode 100644
index 4cacfbf..0000000
--- a/media/twittercard.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:564d3b962f555cc2ce7fd71450de4a6396762e39d9d9135bec4e11fea0e2c08c
-size 393384
diff --git a/media/twittercard.webp b/media/twittercard.webp
new file mode 100644
index 0000000..b277735
--- /dev/null
+++ b/media/twittercard.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:51193e15b14bc01568a0dd2631254ab8fb10df0a7970fa08f683e2b5a9f5e716
+size 273508
diff --git a/media/wave-neon.l.webp b/media/wave-neon.l.webp
new file mode 100644
index 0000000..ed5bb85
--- /dev/null
+++ b/media/wave-neon.l.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f867a079528aab9c9118ab0224da2f36c7249bc0ee9a99a4230062ed7ef21f11
+size 61688
diff --git a/media/wave-neon.png b/media/wave-neon.png
deleted file mode 100644
index 20a5b38..0000000
--- a/media/wave-neon.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:cb91312b00bb1fbeaa863b2bdf265569a9de69f437eccd870c178ae5e5b93940
-size 158747
diff --git a/media/wave-neon.webp b/media/wave-neon.webp
index ed5bb85..f7dab12 100644
--- a/media/wave-neon.webp
+++ b/media/wave-neon.webp
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f867a079528aab9c9118ab0224da2f36c7249bc0ee9a99a4230062ed7ef21f11
-size 61688
+oid sha256:310f619317cfabcaf95c51dde94ad2ef8007ca45bae1a8ec1a313ffe46d12a4c
+size 136684
diff --git a/media/wave.l.webp b/media/wave.l.webp
new file mode 100644
index 0000000..82c6971
--- /dev/null
+++ b/media/wave.l.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7157b92b00e0b3a0dd3cae328b811357a9dca43bbd6b2cef1ef1f205e86308ab
+size 77004
diff --git a/media/wave.png b/media/wave.png
deleted file mode 100644
index 42e39cb..0000000
--- a/media/wave.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:edca327036d21bed916e4bf7e4fc0908aa67b5d4321606854e151b57d32b2e2c
-size 278883
diff --git a/media/wave.webp b/media/wave.webp
index 82c6971..216a3f9 100644
--- a/media/wave.webp
+++ b/media/wave.webp
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7157b92b00e0b3a0dd3cae328b811357a9dca43bbd6b2cef1ef1f205e86308ab
-size 77004
+oid sha256:9b3789a122911eb7a5e761f8fe70c30ba7a1f8d7ab4cc6618d3382bb3b37cdaf
+size 225770
diff --git a/style/base.css b/style/base.css
index 7381d1b..ab1ddb2 100644
--- a/style/base.css
+++ b/style/base.css
@@ -206,20 +206,20 @@ strong { font-weight: 700; }
 
 /* extra #cube selector for specificity */
 #cube #hello {
-  --bg-image: url(../media/wave.png);
+  --bg-image: url(../media/wave.webp);
   background:
     var(--bg-image) bottom right / auto 60% no-repeat,
     var(--base-background);
 }
 
 @media (prefers-color-scheme: dark) {
-  #cube #hello { --bg-image: url(../media/wave-neon.png); }
+  #cube #hello { --bg-image: url(../media/wave-neon.webp); }
 }
 @media (prefers-reduced-data: reduce) {
-  #cube #hello { --bg-image: url(../media/wave.webp); }
+  #cube #hello { --bg-image: url(../media/wave.l.webp); }
 }
 @media (prefers-color-scheme: dark) and (prefers-reduced-data: reduce) {
-  #cube #hello { --bg-image: url(../media/wave-neon.webp); }
+  #cube #hello { --bg-image: url(../media/wave-neon.l.webp); }
 }
 
 #id, #id ::selection, #flags img {
@@ -256,13 +256,13 @@ strong { font-weight: 700; }
 
 
 #activities, #activities ::selection {
-  --hue: 60deg;
+  --hue: 90deg;
   --bg-angle: -60deg;
 }
 
 #cube #activities {
-  /* height of quobl.png is 58% of width */
-  --bg-image: url(../media/quobl.png);
+  /* height of quobl.webp is 58% of width */
+  --bg-image: url(../media/quobl.webp);
   background:
     var(--bg-image) bottom left 2ex / 50% auto no-repeat local,
     var(--base-background);
@@ -270,13 +270,13 @@ strong { font-weight: 700; }
 }
 
 @media (prefers-color-scheme: dark) {
-  #cube #activities { --bg-image: url(../media/quobl-neon.png); }
+  #cube #activities { --bg-image: url(../media/quobl-neon.webp); }
 }
 @media (prefers-reduced-data: reduce) {
-  #cube #activities { --bg-image: url(../media/quobl.webp); }
+  #cube #activities { --bg-image: url(../media/quobl.l.webp); }
 }
 @media (prefers-color-scheme: dark) and (prefers-reduced-data: reduce) {
-  #cube #activities { --bg-image: url(../media/quobl-neon.png); }
+  #cube #activities { --bg-image: url(../media/quobl-neon.webp); }
 }
 
 #links, #links ::selection {
@@ -316,7 +316,7 @@ strong { font-weight: 700; }
 #links a:hover { text-decoration: none; }
 
 #links #gallery {
-  --icon: url(../media/favicon.png);
+  --icon: url(../media/favicon.webp);
   --fg:   hsl(280deg 38% 43%);
   --bg:   hsl(100deg 99% 81%);
   image-rendering: pixelated;
@@ -330,7 +330,7 @@ strong { font-weight: 700; }
 }
 
 #links #blog {
-  --icon: url(../media/icons/blog.png);
+  --icon: url(../media/icons/blog.webp);
   --fg: #ffeebb;
   --bg: #332255;
   /* image-rendering: pixelated; */
@@ -353,14 +353,14 @@ strong { font-weight: 700; }
 }
 
 #links #fa {
-  --icon: url(../media/icons/furaffinity.png);
+  --icon: url(../media/icons/furaffinity.webp);
   --icon-bg: #20242a;
   --bg:      #353b45;
   --fg:      white;
 }
 
 #links #da {
-  --icon: url(../media/icons/deviantart.png);
+  --icon: url(../media/icons/deviantart.webp);
   --icon-bg: #000608;
   --bg: #314537;
   --fg: #e7ede4;
@@ -374,14 +374,14 @@ strong { font-weight: 700; }
 }
 
 #links #artfight {
-  --icon: url(../media/icons/artfight.png);
+  --icon: url(../media/icons/artfight.webp);
   --icon-bg: #222222;
   --bg: #a65178;
   --fg: white;
 }
 
 #links #chitter {
-  --icon: url(../media/icons/chitter.png);
+  --icon: url(../media/icons/chitter.webp);
   --bg: #582c58;
   --icon-bg: #2c162c;
   --fg: white;
@@ -514,7 +514,7 @@ strong { font-weight: 700; }
 }
 
 #cube #six {
-  --bg-image: url(../media/kesi.png);
+  --bg-image: url(../media/kesi.webp);
   background:
     var(--bg-image) bottom right / 100% auto no-repeat,
     var(--base-background);
@@ -531,11 +531,11 @@ strong { font-weight: 700; }
 }
 
 @media (prefers-color-scheme: dark) {
-  #cube #six { --bg-image: url(../media/kesi-neon.png); }
+  #cube #six { --bg-image: url(../media/kesi-neon.webp); }
 }
 @media (prefers-reduced-data: reduce) {
-  #cube #activities { --bg-image: url(../media/kesi.webp); }
+  #cube #activities { --bg-image: url(../media/kesi.l.webp); }
 }
 @media (prefers-color-scheme: dark) and (prefers-reduced-data: reduce) {
-  #cube #activities { --bg-image: url(../media/kesi-neon.webp); }
+  #cube #activities { --bg-image: url(../media/kesi-neon.l.webp); }
 }