Make flag an SVG

I had to write this SVG by hand but its pretty simple so its not that
hard to do!

1 files changed, 2 insertions, 22 deletions

diff --git a/static/index.css b/static/index.css
index 7abff3b..fdbaa63 100644
--- a/static/index.css
+++ b/static/index.css
@@ -1,9 +1,4 @@
 :root {
-    --twhite: #fff;
-    --tblue: #4ac2fe;
-    --tpink: #ef95ae;
-    --flagheight: 60px;
-    --flagwidth: 90px;
     --bgcolor: #e4e4ff;
     --page-width: 50em;
 }
@@ -47,22 +42,7 @@ main  article:last-child {
     margin-bottom: none;
 }
 .transflag {
-    width: var(--flagwidth);
-    height: var(--flagheight);
+    width: 90px;
+    height: 60px;
     margin: 16px auto;
 }
-.transflag .blue {
-    width: 100%;
-    min-height: calc(var(--flagheight) / 5);
-    background-color: var(--tblue);
-}
-.transflag .pink {
-    width: 100%;
-    min-height: calc(var(--flagheight) / 5);
-    background-color: var(--tpink);
-}
-.transflag .white {
-    width: 100%;
-    min-height: calc(var(--flagheight) / 5);
-    background-color: var(--twhite);
-}