From 4690b3597ed7698fa3517355217a72b32ee93a91 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Sat, 13 Mar 2021 05:28:43 +0100
Subject: [PATCH] =?UTF-8?q?pok=C3=A9mon=20related=20style=20stuff?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style/shiny/pkmn-types/bed.png      |   3 +
 style/shiny/pkmn-types/bed.svg      |  68 ++++++++++++++
 style/shiny/pkmn-types/bug.svg      |  14 +++
 style/shiny/pkmn-types/dark.svg     |  10 +++
 style/shiny/pkmn-types/dragon.svg   |  13 +++
 style/shiny/pkmn-types/electric.svg |  10 +++
 style/shiny/pkmn-types/fairy.svg    |  10 +++
 style/shiny/pkmn-types/fighting.svg |  13 +++
 style/shiny/pkmn-types/fire.svg     |  10 +++
 style/shiny/pkmn-types/flying.svg   |  10 +++
 style/shiny/pkmn-types/ghost.svg    |  10 +++
 style/shiny/pkmn-types/grass.svg    |  10 +++
 style/shiny/pkmn-types/ground.svg   |  10 +++
 style/shiny/pkmn-types/ice.svg      |  19 ++++
 style/shiny/pkmn-types/normal.svg   |  10 +++
 style/shiny/pkmn-types/poison.svg   |  10 +++
 style/shiny/pkmn-types/psychic.svg  |  10 +++
 style/shiny/pkmn-types/rock.svg     |  10 +++
 style/shiny/pkmn-types/steel.svg    |  10 +++
 style/shiny/pkmn-types/water.svg    |  10 +++
 style/shiny/pkmn.css                | 134 ++++++++++++++++++++++++++++
 style/shiny/single.css              |   1 +
 22 files changed, 405 insertions(+)
 create mode 100644 style/shiny/pkmn-types/bed.png
 create mode 100644 style/shiny/pkmn-types/bed.svg
 create mode 100644 style/shiny/pkmn-types/bug.svg
 create mode 100644 style/shiny/pkmn-types/dark.svg
 create mode 100644 style/shiny/pkmn-types/dragon.svg
 create mode 100644 style/shiny/pkmn-types/electric.svg
 create mode 100644 style/shiny/pkmn-types/fairy.svg
 create mode 100644 style/shiny/pkmn-types/fighting.svg
 create mode 100644 style/shiny/pkmn-types/fire.svg
 create mode 100644 style/shiny/pkmn-types/flying.svg
 create mode 100644 style/shiny/pkmn-types/ghost.svg
 create mode 100644 style/shiny/pkmn-types/grass.svg
 create mode 100644 style/shiny/pkmn-types/ground.svg
 create mode 100644 style/shiny/pkmn-types/ice.svg
 create mode 100644 style/shiny/pkmn-types/normal.svg
 create mode 100644 style/shiny/pkmn-types/poison.svg
 create mode 100644 style/shiny/pkmn-types/psychic.svg
 create mode 100644 style/shiny/pkmn-types/rock.svg
 create mode 100644 style/shiny/pkmn-types/steel.svg
 create mode 100644 style/shiny/pkmn-types/water.svg
 create mode 100644 style/shiny/pkmn.css

diff --git a/style/shiny/pkmn-types/bed.png b/style/shiny/pkmn-types/bed.png
new file mode 100644
index 0000000..f7db4b3
--- /dev/null
+++ b/style/shiny/pkmn-types/bed.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ee882e8eb458bf0fdf6dfdd7334749264c5210e455b5b479462ced6385e61647
+size 922
diff --git a/style/shiny/pkmn-types/bed.svg b/style/shiny/pkmn-types/bed.svg
new file mode 100644
index 0000000..ce967b4
--- /dev/null
+++ b/style/shiny/pkmn-types/bed.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 255.1 255.1"
+   style="enable-background:new 0 0 255.1 255.1;"
+   xml:space="preserve"
+   sodipodi:docname="bed.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   inkscape:export-filename="/home/niss/bed.svg.png"
+   inkscape:export-xdpi="104.21"
+   inkscape:export-ydpi="104.21"><metadata
+   id="metadata13"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+   id="defs11" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1920"
+   inkscape:window-height="1011"
+   id="namedview9"
+   showgrid="false"
+   inkscape:zoom="0.70710678"
+   inkscape:cx="142.55"
+   inkscape:cy="127.55"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Capa_1" />
+<style
+   type="text/css"
+   id="style2">
+	.st0{fill:#FF6675;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle
+   class="st0"
+   cx="127.6"
+   cy="127.6"
+   r="121.6"
+   id="circle4"
+   style="fill:#f16996;fill-opacity:1" />
+
+<g
+   id="use1649"
+   style="fill:#ffffff;fill-opacity:1"
+   transform="matrix(9.7475574,0,0,9.7475574,41.124366,187.19707)"><path
+     inkscape:connector-curvature="0"
+     id="path828"
+     d="M 16.609375,0 V -2.21875 H 2.171875 V 0 h -1.09375 v -11.1875 h 1.09375 v 6.328125 h 4.28125 v -0.3125 c 0,-0.34375 0.117187,-0.664063 0.359375,-0.96875 0.238281,-0.3125 0.570312,-0.578125 1,-0.796875 0.4375,-0.21875 0.941406,-0.390625 1.515625,-0.515625 0.570313,-0.132813 1.191406,-0.203125 1.859375,-0.203125 0.65625,0 1.269531,0.0625 1.84375,0.1875 0.582031,0.125 1.085938,0.296875 1.515625,0.515625 0.4375,0.21875 0.78125,0.484375 1.03125,0.796875 0.25,0.304688 0.375,0.632812 0.375,0.984375 v 0.3125 h 0.65625 V -7.5 h 1.09375 V 0 Z m -9.0625,-4.859375 h 7.296875 v -0.3125 c 0,-0.132813 -0.08984,-0.285156 -0.265625,-0.453125 -0.179687,-0.164062 -0.429687,-0.316406 -0.75,-0.453125 -0.3125,-0.132813 -0.695313,-0.242187 -1.140625,-0.328125 -0.449219,-0.09375 -0.949219,-0.140625 -1.5,-0.140625 -0.554688,0 -1.054688,0.046875 -1.5,0.140625 -0.4375,0.085938 -0.820312,0.195312 -1.140625,0.328125 -0.324219,0.136719 -0.574219,0.289063 -0.75,0.453125 -0.167969,0.167969 -0.25,0.320312 -0.25,0.453125 z m -2.8125,-0.96875 c -0.210937,0 -0.40625,-0.035156 -0.59375,-0.109375 C 3.960938,-6.019531 3.804688,-6.128906 3.671875,-6.265625 3.535156,-6.410156 3.425781,-6.570312 3.34375,-6.75 3.269531,-6.925781 3.234375,-7.117188 3.234375,-7.328125 c 0,-0.207031 0.035156,-0.398437 0.109375,-0.578125 0.070312,-0.1875 0.175781,-0.34375 0.3125,-0.46875 0.144531,-0.132812 0.304688,-0.238281 0.484375,-0.3125 0.1875,-0.082031 0.382813,-0.125 0.59375,-0.125 0.195313,0 0.382813,0.042969 0.5625,0.125 0.1875,0.074219 0.347656,0.179688 0.484375,0.3125 0.132812,0.136719 0.238281,0.296875 0.3125,0.484375 0.082031,0.179687 0.125,0.367187 0.125,0.5625 0,0.210937 -0.042969,0.402344 -0.125,0.578125 -0.074219,0.179688 -0.179688,0.339844 -0.3125,0.484375 -0.136719,0.136719 -0.296875,0.246094 -0.484375,0.328125 -0.179687,0.074219 -0.367187,0.109375 -0.5625,0.109375 z m 0,0"
+     style="fill:#ffffff;fill-opacity:1;stroke:none" /></g></svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/bug.svg b/style/shiny/pkmn-types/bug.svg
new file mode 100644
index 0000000..5a362d1
--- /dev/null
+++ b/style/shiny/pkmn-types/bug.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#83C300;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<g>
+	<path class="st1" d="M132.648,141.782c-0.413-10.695,2.545-21.791,6.292-32.75c0.397-1.161,1.129-1.621,2.191-1.826   c2.351-0.455,4.634-1.156,6.89-1.947c9.716-3.409,17.863-9.167,24.866-16.634c0.35-0.374,0.691-0.756,1.039-1.132   c1.533-1.658,1.554-1.679,3.125-0.117c8.585,8.54,14.684,18.59,18.053,30.226c9.477,32.739-5.663,67.258-36.138,82.515   c-0.838,0.42-1.699,0.797-2.56,1.171c-1.95,0.846-1.93,0.821-3.391-0.859c-11.1-12.757-17.323-27.633-19.428-44.344   C133.031,151.672,132.654,147.261,132.648,141.782z"/>
+	<path class="st1" d="M122.704,141.267c-0.379,14.433-2.405,27.001-7.548,38.937c-3.239,7.517-7.867,14.151-13.105,20.384   c-1.32,1.571-1.373,1.571-3.22,0.723c-16.003-7.345-27.766-18.99-35.185-34.951c-4.916-10.577-6.969-21.765-6.199-33.381   c1.17-17.657,8.077-32.797,20.528-45.391c0.12-0.121,0.241-0.242,0.366-0.359c1.441-1.358,1.479-1.391,2.78,0.063   c3.888,4.348,8.202,8.205,13.056,11.448c5.88,3.928,12.253,6.762,19.157,8.268c1.843,0.402,2.732,1.236,3.291,2.981   c2.321,7.238,4.608,14.482,5.401,22.083C122.398,135.633,122.558,139.216,122.704,141.267z"/>
+	<path class="st1" d="M127.668,95.452c-14.599,0.01-26.36-5.701-35.975-16.144c-1.369-1.486-1.354-1.566,0.368-2.597   c3.67-2.195,7.535-3.984,11.552-5.445c0.801-0.291,1.621-0.534,2.413-0.848c1.246-0.494,1.285-0.649,0.517-1.84   c-0.277-0.429-0.605-0.825-0.91-1.236c-3.252-4.385-6.507-8.767-9.751-13.158c-0.506-0.685-1.046-1.365-1.418-2.123   c-1.052-2.141-0.391-4.587,1.512-5.899c1.863-1.284,4.146-1.094,5.835,0.568c0.664,0.653,1.216,1.426,1.775,2.178   c4.225,5.681,8.485,11.337,12.624,17.08c0.988,1.371,2.006,1.805,3.647,1.576c5.176-0.724,10.379-0.736,15.554,0.005   c1.669,0.239,2.658-0.274,3.632-1.62c4.251-5.873,8.609-11.668,12.936-17.486c0.457-0.614,0.907-1.251,1.457-1.777   c1.754-1.677,4.198-1.793,6.059-0.345c1.776,1.382,2.301,3.666,1.255,5.742c-0.342,0.679-0.815,1.298-1.27,1.914   c-3.245,4.39-6.501,8.772-9.753,13.157c-0.305,0.411-0.621,0.815-0.91,1.237c-1.014,1.483-1.006,1.519,0.577,2.108   c0.719,0.268,1.454,0.491,2.176,0.751c4.021,1.452,7.879,3.256,11.558,5.434c1.8,1.065,1.815,1.117,0.488,2.559   C153.87,89.832,141.951,95.575,127.668,95.452z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/dark.svg b/style/shiny/pkmn-types/dark.svg
new file mode 100644
index 0000000..601213d
--- /dev/null
+++ b/style/shiny/pkmn-types/dark.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#5B5466;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M107.525,189.876c3.54,0.472,7.168,0.718,10.861,0.718c39.32,0,71.194-27.794,71.194-62.077  c0-34.285-31.875-62.077-71.194-62.077c-2.638,0-5.244,0.126-7.805,0.369c19.504,12.884,32.401,35.204,32.401,60.579  C142.98,154.066,128.728,177.365,107.525,189.876z M127.6,204.963c42.727,0,77.363-34.636,77.363-77.363  S170.327,50.237,127.6,50.237S50.237,84.873,50.237,127.6S84.873,204.963,127.6,204.963z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/dragon.svg b/style/shiny/pkmn-types/dragon.svg
new file mode 100644
index 0000000..4f33c74
--- /dev/null
+++ b/style/shiny/pkmn-types/dragon.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#006FC9;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<g>
+	<path class="st1" d="M126.685,179.553c14.923,0.159,26.121-6.269,32.82-19.643c8.319-16.609,1.766-36.906-14.503-46.024   c-0.381-0.213-0.751-0.467-1.159-0.608c-1.476-0.509-1.939-1.439-1.704-3.017c0.257-1.718,0.252-3.485,0.244-5.229   c-0.023-4.759-1.941-8.807-4.825-12.469c-0.154-0.195-0.365-0.346-0.549-0.517c-0.188,0.262-0.028,0.496,0.086,0.711   c2.378,4.497,2.613,9.355,2.469,14.292c-0.061,2.066-0.694,3.935-1.6,5.754c-1.207,2.426-2.975,3.778-5.803,4.266   c-16.193,2.79-32.127,6.764-48.056,10.763c-11.096,2.786-22.247,5.358-33.373,8.024c-0.425,0.102-0.849,0.223-1.281,0.271   c-0.228,0.025-0.615-0.024-0.674-0.156c-0.085-0.187,0.017-0.505,0.126-0.724c0.192-0.39,0.445-0.751,0.68-1.119   c8.678-13.554,16.458-27.623,23.95-41.855c0.923-1.754,2.134-3.086,3.756-4.233c12.85-9.081,25.546-18.365,37.481-28.65   c9.836-8.476,18.711-17.85,26.683-28.09c0.376-0.483,0.749-0.967,1.139-1.438c0.103-0.124,0.275-0.295,0.395-0.28   c0.361,0.045,0.275,0.349,0.232,0.585c-0.125,0.687-0.267,1.371-0.398,2.057c-1.993,10.4-5.924,20.076-10.896,29.375   c-1.864,3.486-1.803,3.485,2.189,3.589c32.048,0.834,59.999,22.141,69.198,52.89c9.836,32.881-3.971,67.726-33.37,85.147   c-4.45,2.637-9.129,4.759-14.01,6.469c-1.43,0.501-2.641,0.385-4.007-0.22c-5.994-2.657-11.121-6.574-15.954-10.897   c-5.43-4.856-10.229-10.28-14.16-16.44c-0.329-0.515-0.646-1.038-0.956-1.565c-0.4-0.68-0.488-1.092,0.594-1.041   C123.188,179.614,124.938,179.553,126.685,179.553z M102.002,94.17c-0.146-1.387-0.283-2.775-0.443-4.16   c-0.04-0.344-0.147-0.681-0.23-1.019c-0.161-0.654-0.544-0.849-1.14-0.511c-0.378,0.215-0.746,0.452-1.102,0.702   c-8.231,5.761-15.007,12.984-21.01,20.973c-0.921,1.225-0.731,1.55,0.92,1.591c6.903,0.169,13.057-1.863,18.308-6.406   C100.699,102.403,102.176,98.631,102.002,94.17z"/>
+	<path class="st1" d="M123.195,211.207c-6.948-0.777-13.843-1.838-20.563-3.838c-10.778-3.207-19.883-9.221-28.17-16.66   c-11.739-10.538-19.128-23.671-23.343-38.728c-0.468-1.67-0.451-1.71,1.336-1.881c11.228-1.078,22.339-2.822,33.26-5.698   c6.426-1.693,12.706-3.812,18.875-6.272c0.811-0.323,1.627-0.634,2.45-0.926c0.143-0.051,0.358-0.026,0.491,0.05   c0.301,0.172,0.18,0.44,0.051,0.659c-0.309,0.527-0.646,1.038-0.96,1.561c-0.99,1.646-2.004,3.279-2.958,4.946   c-4.851,8.47-6.05,17.516-4.459,27.08c2.197,13.214,8.391,24.119,18.523,32.824c2.583,2.22,5.202,4.399,7.789,6.614   c0.208,0.178,0.681,0.237,0.499,0.665c-0.026,0.061-0.486-0.063-0.746-0.1C124.578,211.403,123.886,211.306,123.195,211.207z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/electric.svg b/style/shiny/pkmn-types/electric.svg
new file mode 100644
index 0000000..0897245
--- /dev/null
+++ b/style/shiny/pkmn-types/electric.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FBD100;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<polygon class="st1" points="180.975,138.406 153.849,54.619 95.401,54.619 111.138,101.734 66.225,101.734 154.632,206.581   137.343,138.406 "/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/fairy.svg b/style/shiny/pkmn-types/fairy.svg
new file mode 100644
index 0000000..226ca71
--- /dev/null
+++ b/style/shiny/pkmn-types/fairy.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FB89EB;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M73.964,180.088l28.739-8.333l24.822,45.386c0.033,0.059,0.117,0.059,0.149,0l24.822-45.386l28.739,8.333  c0.064,0.019,0.124-0.041,0.105-0.106l-8.334-28.17l44.134-24.138c0.059-0.032,0.059-0.117,0-0.149l-44.498-24.337l8.698-29.4  c0.019-0.064-0.041-0.124-0.105-0.106l-29.413,8.529l-24.148-44.153c-0.032-0.059-0.117-0.059-0.149,0l-24.148,44.153l-29.413-8.529  c-0.064-0.019-0.124,0.041-0.105,0.106l8.698,29.4l-44.498,24.337c-0.059,0.032-0.059,0.117,0,0.149l44.134,24.138l-8.334,28.17  C73.84,180.047,73.9,180.107,73.964,180.088z M96.265,127.91l20.36,11.135l11.135,20.36c0.032,0.059,0.117,0.059,0.149,0  l11.135-20.36l20.36-11.135c0.059-0.032,0.059-0.117,0-0.149l-20.36-11.135l-11.135-20.36c-0.032-0.059-0.117-0.059-0.149,0  l-11.135,20.36l-20.36,11.135C96.207,127.793,96.207,127.877,96.265,127.91z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/fighting.svg b/style/shiny/pkmn-types/fighting.svg
new file mode 100644
index 0000000..14769fd
--- /dev/null
+++ b/style/shiny/pkmn-types/fighting.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E0306A;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<g>
+	<path class="st1" d="M139.536,184.222c-19.152,0-38.304-0.046-57.456,0.038c-3.814,0.017-5.556-1.013-5.55-5.472   c0.046-33.436-0.026-66.872-0.061-100.309c0-0.479-0.014-0.959,0.012-1.436c0.134-2.483,1.426-3.808,3.906-3.895   c1.833-0.064,3.67-0.019,5.506-0.02c3.032-0.001,6.071,0.127,9.096-0.029c4.797-0.248,5.731,1.749,5.68,5.556   c-0.121,9.016-0.039,18.034-0.039,27.052c0,1.915-0.027,3.831,0.012,5.745c0.066,3.224,1.174,4.325,4.326,4.368   c0.638,0.009,1.278,0.024,1.915-0.011c2.269-0.124,3.499-1.318,3.558-3.633c0.071-2.791,0.024-5.586,0.025-8.379   c0.001-8.219,0-16.439,0.001-24.658c0-0.638-0.013-1.277,0.009-1.915c0.099-2.74,1.398-4.031,4.199-4.085   c2.313-0.045,4.628-0.012,6.942-0.012c2.873,0,5.746-0.023,8.618,0.009c3.082,0.034,4.344,1.271,4.352,4.385   c0.028,10.853,0.011,21.706,0.018,32.558c0.001,0.877-0.035,1.765,0.09,2.628c0.27,1.876,1.474,2.962,3.387,3.087   c1.033,0.067,2.077,0.069,3.11,0.002c2.019-0.129,3.209-1.277,3.435-3.297c0.088-0.79,0.061-1.594,0.062-2.391   c0.003-10.374,0.002-20.748,0.003-31.122c0-0.638-0.011-1.277,0.006-1.915c0.08-2.999,1.392-4.338,4.447-4.364   c5.027-0.043,10.055-0.047,15.082,0.002c3.028,0.03,4.345,1.38,4.352,4.437c0.025,10.933,0.009,21.865,0.014,32.798   c0,0.877-0.038,1.764,0.075,2.629c0.266,2.034,1.454,3.119,3.502,3.228c1.034,0.055,2.078,0.062,3.111-0.008   c1.896-0.129,3.083-1.236,3.338-3.131c0.116-0.864,0.083-1.752,0.083-2.629c0.005-10.214,0.003-20.429,0.004-30.643   c0-0.718-0.014-1.437,0.01-2.154c0.094-2.82,1.305-4.071,4.14-4.093c5.266-0.041,10.534-0.044,15.8,0.002   c2.78,0.024,4.063,1.349,4.184,4.119c0.021,0.478,0.008,0.957,0.008,1.436c-0.031,33.197-0.063,66.394-0.097,99.591   c-0.001,0.798,0.033,1.602-0.051,2.392c-0.227,2.139-1.423,3.316-3.552,3.506c-0.792,0.071-1.595,0.031-2.393,0.031   C177.68,184.222,158.608,184.222,139.536,184.222z"/>
+	<path class="st1" d="M68.526,145.065c0,11.082,0.001,22.164-0.003,33.246c0,0.876,0.023,1.76-0.075,2.628   c-0.23,2.031-1.329,3.134-3.367,3.435c-0.549,0.081-1.116,0.036-1.669,0.097c-2.966,0.325-4.786-0.8-6.159-3.633   c-3.755-7.743-7.837-15.329-11.835-22.954c-0.722-1.378-1.142-2.756-1.134-4.324c0.028-5.66,0.014-11.321-0.033-16.982   c-0.013-1.559,0.335-2.97,1.054-4.352c4.191-8.063,8.38-16.127,12.487-24.232c0.871-1.719,2.053-2.54,3.95-2.443   c1.113,0.057,2.239-0.044,3.344,0.068c2.095,0.212,3.298,1.468,3.504,3.571c0.07,0.711,0.037,1.434,0.037,2.151   c0.002,11.242,0.001,22.483,0.001,33.725C68.594,145.065,68.56,145.065,68.526,145.065z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/fire.svg b/style/shiny/pkmn-types/fire.svg
new file mode 100644
index 0000000..5cd2b12
--- /dev/null
+++ b/style/shiny/pkmn-types/fire.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF9741;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M182.541,185.55c-0.027,0.889-0.626,1.494-1.083,2.168c-7.367,10.861-17.313,18.158-30,21.634  c-8.584,2.352-17.308,3.991-26.233,3.349c-22.541-1.622-41.215-10.568-54.166-29.673c-6.34-9.352-9.461-19.891-10.291-31.121  c-1.129-15.261,2.104-29.771,7.626-43.879c0.566-1.445,1.16-2.88,1.778-4.303c0.162-0.373,0.232-1.018,0.842-0.847  c0.357,0.1,0.274,0.608,0.276,0.955c0.006,0.913-0.013,1.827-0.009,2.74c0.041,10.913,1.005,21.705,4.281,32.187  c1.091,3.49,2.386,6.904,3.954,10.21c0.183,0.387,0.359,0.939,0.916,0.76c0.156-0.05,0.221-0.667,0.179-1.006  c-0.552-4.539-0.745-9.103-0.847-13.666c-0.398-17.762,4.124-33.811,16.675-46.962c3.465-3.63,7.086-7.109,11.187-10.06  c3.264-2.349,6.335-4.939,9.105-7.877c5.249-5.567,7.844-12.214,8.191-19.803c0.214-4.686-0.397-9.293-1.282-13.876  c-0.104-0.537-0.212-1.074-0.284-1.616c-0.022-0.165,0.056-0.486,0.116-0.493c0.238-0.028,0.499,0.006,0.727,0.086  c0.16,0.057,0.284,0.223,0.418,0.347c6.854,6.386,13.052,13.298,17.373,21.71c3.849,7.494,5.483,15.44,4.843,23.849  c-0.204,2.682-0.178,2.714-2.845,3.513c-7.901,2.367-13.454,10.11-13.086,18.79c0.342,8.068,5.783,15.167,13.602,17.288  c9.859,2.675,19.914-3.363,22.593-13.542c1.127-4.279,0.716-8.509-0.294-12.73c-0.574-2.401-1.354-4.738-2.211-7.052  c-0.177-0.477-0.693-1.105-0.146-1.481c0.455-0.313,1.001,0.241,1.458,0.513c10.659,6.331,19.124,14.776,23.86,26.344  c8.27,20.198,6.118,39.435-6.896,57c-8.472,11.434-20.221,17.041-34.563,16.855c-1.729-0.022-3.456-0.281-5.182-0.451  c-0.443-0.044-1.009-0.018-1.196-0.501c-0.205-0.533,0.343-0.752,0.673-1.024c0.564-0.465,1.173-0.877,1.71-1.37  c7.653-7.025,10.557-15.726,8.257-25.79c-2.259-9.884-8.508-16.425-18.377-19.111c-12.829-3.492-26.35,4.492-30.061,17.685  c-2.658,9.448-0.476,17.976,5.724,25.365c7.584,9.039,17.473,13.844,29.208,14.934c11.363,1.056,22.162-1.318,32.667-5.364  c3.657-1.408,7.189-3.141,10.778-4.726L182.541,185.55z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/flying.svg b/style/shiny/pkmn-types/flying.svg
new file mode 100644
index 0000000..7f75ef2
--- /dev/null
+++ b/style/shiny/pkmn-types/flying.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#89AAE3;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M188.976,121.561c0.055,0.914-0.504,1.601-0.881,2.351c-6.37,12.671-22.688,23.722-38.37,23.689  c-3.318-0.007-6.632-0.018-9.945-0.211c-0.315-0.018-0.861,0.075-0.919,0.245c-0.176,0.521,0.333,0.714,0.713,0.829  c3.663,1.109,7.371,2.03,11.161,2.603c5.521,0.835,11.021,0.732,16.49-0.389c5.635-1.155,10.445-3.957,14.892-7.499  c0.667-0.531,1.153-1.437,2.205-1.387c-0.38,0.752-0.739,1.515-1.143,2.253c-5.512,10.062-14.349,15.076-25.403,16.721  c-3.036,0.452-6.096,0.536-9.159,0.567c-0.68,0.007-1.361,0.013-2.039,0.059c-0.224,0.015-0.581,0.054-0.495,0.411  c0.05,0.207,0.245,0.452,0.438,0.538c0.541,0.241,1.11,0.426,1.678,0.6c1.219,0.372,2.451,0.701,3.665,1.086  c1.299,0.412,1.364,0.496,0.777,1.799c-2.144,4.759-4.916,9.13-8.325,13.083c-8.768,10.168-19.756,16.589-32.979,18.847  c-30.947,5.285-59.016-15.113-64.592-44.532c-5.64-29.756,12.823-57.988,42.269-64.997c4.319-1.028,8.709-1.452,13.15-1.44  c8.674,0.024,17.354,0.191,26.023-0.034c15.44-0.401,30.653-2.485,45.468-7.02c4.399-1.347,8.641-3.088,12.656-5.36  c6.713-3.798,12.076-9.071,16.593-15.246c1.906-2.606,3.669-5.318,5.506-7.976c0.179-0.259,0.343-0.664,0.757-0.509  c0.388,0.145,0.297,0.559,0.286,0.874c-0.198,5.531-0.712,11.04-1.794,16.464c-2.112,10.592-5.872,20.632-11.377,29.895  c-8.452,14.22-20.786,23.595-36.771,28.028c-4.114,1.141-8.38,1.492-12.617,1.693c-6.283,0.299-12.584,0.383-18.815-0.815  c-0.332-0.064-0.674-0.087-1.012-0.109c-0.237-0.015-0.513-0.002-0.541,0.297c-0.012,0.126,0.139,0.317,0.267,0.394  c0.288,0.173,0.604,0.302,0.915,0.433c9.856,4.15,20.045,6.476,30.811,5.545c6.809-0.589,13.453-1.936,19.803-4.541  c3.66-1.502,6.968-3.536,9.683-6.462c0.28-0.301,0.66-0.509,0.993-0.761L188.976,121.561z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/ghost.svg b/style/shiny/pkmn-types/ghost.svg
new file mode 100644
index 0000000..5e34993
--- /dev/null
+++ b/style/shiny/pkmn-types/ghost.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4C6AB2;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M192.672,195.691c-0.884-0.486-1.76-0.986-2.637-1.486c-0.355-0.202-0.714-0.397-1.067-0.601  c-2.418-1.402-4.436-3.276-6.186-5.429c-2.424-2.981-2.838-6.226-1.106-9.702c0.502-1.006,1.311-1.764,2.028-2.6  c18.7-21.802,24.477-46.608,16.032-74.078c-10.625-34.564-45.062-57.747-83.317-53.41c-16.442,1.864-31.111,8.214-43.22,19.526  c-21.67,20.244-29.571,45.085-23.605,74.227c7.359,27.95,24.376,44.864,51.098,55.839c7.386,2.534,16.151,4.589,23.847,5.834  c5.876,0.95,11.09,1.2,17.014,1.242c2.957,0.021,6.087-0.008,9.57-0.03c6.349,0.065,8.834-0.195,13.22-0.594  c9.575-0.872,18.676-3.627,27.469-7.452c0.289-0.126,0.575-0.258,0.863-0.384C193.374,196.288,193.252,196.01,192.672,195.691z   M115.134,117.261c-1.355,8.629-8.526,14.785-17.255,14.761c-7.361-0.02-13.807-4.569-16.28-11.488  c-2.458-6.879-0.337-14.596,5.291-19.228c0.425-0.35,0.861-0.694,1.326-0.985c0.995-0.623,1.18-0.556,1.316,0.604  c0.278,2.37,0.875,4.637,1.991,6.754c4.1,7.776,13.352,11.245,21.638,7.94C115.663,114.621,115.447,115.265,115.134,117.261z   M136.005,118.04c-0.106-0.539-0.193-1.087-0.225-1.635c-0.083-1.403,0.093-1.563,1.401-1.004c3.839,1.641,7.769,1.918,11.773,0.81  c6.683-1.849,11.603-7.687,12.406-14.584c0.066-0.568-0.266-1.418,0.528-1.626c0.629-0.165,1.128,0.457,1.625,0.825  c5.866,4.345,8.344,12.202,6.066,19.195c-2.368,7.266-8.948,12.02-16.612,12.001C144.655,132.001,137.605,126.193,136.005,118.04z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/grass.svg b/style/shiny/pkmn-types/grass.svg
new file mode 100644
index 0000000..4d68edc
--- /dev/null
+++ b/style/shiny/pkmn-types/grass.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#38BF4B;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M136.311,163.718c-6.319,0-12.637,0-18.956,0c-0.59,0-1.18,0.001-1.769-0.009  c-0.738-0.012-1.201-0.21-0.675-1.045c0.269-0.427,0.533-0.858,0.8-1.287c5.254-8.436,10.53-16.86,15.743-25.322  c0.855-1.387,1.784-2.134,3.534-2.315c10.385-1.074,20.753-2.309,31.126-3.497c0.583-0.067,1.18-0.138,1.732-0.32  c1.272-0.42,1.984-1.319,1.959-2.343c-0.025-1.012-0.765-1.956-1.994-2.342c-0.798-0.251-1.641-0.387-2.474-0.488  c-7.273-0.884-14.549-1.748-21.824-2.618c-3.717-0.445-2.942-0.633-1.523-2.901c6.97-11.139,13.951-22.272,20.922-33.41  c0.491-0.785,0.961-1.584,1.408-2.394c0.37-0.671,0.603-1.399,0.565-2.176c-0.094-1.924-1.65-2.837-3.36-1.958  c-1.067,0.548-1.857,1.438-2.668,2.297c-9.075,9.622-18.151,19.242-27.23,28.861c-2.573,2.726-2.253,2.655-3.591-0.725  c-2.633-6.655-5.249-13.317-7.884-19.971c-0.309-0.781-0.62-1.575-1.049-2.292c-0.738-1.236-1.934-1.824-2.91-1.554  c-1.002,0.277-1.721,1.404-1.724,2.809c-0.001,0.586,0.099,1.175,0.183,1.758c1.451,10.083,2.888,20.168,4.379,30.245  c0.277,1.871-0.071,3.285-1.482,4.737c-6.81,7.008-13.483,14.148-20.204,21.242c-0.348,0.367-0.682,0.748-1.047,1.097  c-0.944,0.902-1.068,0.9-1.407-0.366c-1.829-6.831-3.635-13.668-5.426-20.509c-1.62-6.189-3.21-12.386-4.814-18.579  c-0.297-1.147-0.61-2.28-1.567-3.1c-1.447-1.241-3.141-0.84-3.869,0.935c-0.367,0.894-0.261,1.819-0.172,2.744  c0.624,6.454,1.248,12.907,1.865,19.362c0.752,7.879,1.499,15.759,2.242,23.639c0.229,2.431,0.386,4.869,0.677,7.292  c0.132,1.1-0.108,1.91-0.886,2.722c-4.837,5.049-9.621,10.149-14.441,15.213c-1.243,1.306-1.305,1.304-2.49-0.058  c-6.988-8.031-11.809-17.226-14.193-27.584c-4.637-20.148-1.556-38.985,10.189-56.176c5.262-7.703,12.16-13.636,20.127-18.486  c14.116-8.594,29.402-14.09,45.393-17.889c12.222-2.904,24.547-5.191,37.064-6.3c6.796-0.602,13.618-0.863,20.446-0.755  c1.867,0.03,1.897,0.039,2.381,1.865c1.812,6.841,3.321,13.75,4.432,20.74c2.64,16.603,3.555,33.321,3.1,50.111  c-0.279,10.286-1.137,20.518-3.97,30.48c-2.58,9.071-6.522,17.552-11.916,25.243c-8.761,12.49-20.864,20.462-35.488,24.421  c-16.438,4.45-32.526,3.117-48.074-3.972c-0.536-0.244-1.063-0.507-1.584-0.782c-0.461-0.243-0.508-0.643-0.288-1.063  c0.234-0.446,0.515-0.868,0.781-1.297c3.334-5.364,6.706-10.705,9.978-16.107c0.818-1.351,1.79-1.958,3.374-2.197  c11.82-1.781,23.624-3.672,35.433-5.532c4.408-0.694,8.815-1.388,13.219-2.105c0.827-0.135,1.67-0.295,2.446-0.597  c1.24-0.484,1.998-1.634,1.907-2.706c-0.107-1.253-0.942-1.91-2.005-2.364c-0.963-0.411-1.98-0.346-2.989-0.346  c-6.487-0.001-12.974-0.001-19.461-0.001C136.311,163.697,136.311,163.708,136.311,163.718z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/ground.svg b/style/shiny/pkmn-types/ground.svg
new file mode 100644
index 0000000..9fc00f7
--- /dev/null
+++ b/style/shiny/pkmn-types/ground.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E87236;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M83.051,173.856c-0.043,0-0.073-0.042-0.059-0.083L123.28,70.938c0.009-0.025,0.032-0.041,0.059-0.041h51.007  c0.026,0,0.05,0.017,0.059,0.042l39.689,102.835c0.014,0.04-0.016,0.082-0.059,0.082H83.051L83.051,173.856z M35.359,174.302  c-0.043,0-0.073-0.043-0.058-0.084l31-80.093c0.009-0.024,0.032-0.04,0.058-0.04h26.067c0.043,0,0.073,0.043,0.058,0.083  l-30.009,80.093c-0.009,0.024-0.032,0.041-0.058,0.041H35.359z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/ice.svg b/style/shiny/pkmn-types/ice.svg
new file mode 100644
index 0000000..4c723bc
--- /dev/null
+++ b/style/shiny/pkmn-types/ice.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4CD1C0;}
+	.st1{fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<g>
+	<polygon class="st1" points="80.008,106.491 123.443,127.624 80.008,148.709 36.572,127.629  "/>
+	<g>
+		<polygon class="st1" points="175.192,106.491 131.757,127.624 175.192,148.709 218.628,127.629   "/>
+		<polygon class="st1" points="175.192,52.127 131.757,74.989 131.757,119.755 132.087,119.591 132.087,119.591 132.704,119.284     175.18,98.148 175.179,98.147 175.192,98.141   "/>
+	</g>
+	<polygon class="st1" points="175.192,203.073 131.757,180.211 131.757,135.445 132.087,135.609 132.087,135.609 132.704,135.916    175.18,157.052 175.179,157.053 175.192,157.059  "/>
+	<polygon class="st1" points="80.008,52.127 123.443,74.989 123.443,119.755 123.113,119.591 123.113,119.591 122.496,119.284    80.02,98.148 80.021,98.147 80.008,98.141  "/>
+	<polygon class="st1" points="80.008,203.073 123.443,180.211 123.443,135.445 123.113,135.609 123.113,135.609 122.496,135.916    80.02,157.052 80.021,157.053 80.008,157.059  "/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/normal.svg b/style/shiny/pkmn-types/normal.svg
new file mode 100644
index 0000000..051ee93
--- /dev/null
+++ b/style/shiny/pkmn-types/normal.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#919AA2;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M203.89,127.89c0,42-34,76-76,76s-76-34-76-76s34-76,76-76S203.89,85.89,203.89,127.89z M175.816,127.55  c0,26.503-21.497,48-48,48s-47.853-21.644-47.853-48s21.497-48,48-48S175.816,101.047,175.816,127.55z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/poison.svg b/style/shiny/pkmn-types/poison.svg
new file mode 100644
index 0000000..d49d5cb
--- /dev/null
+++ b/style/shiny/pkmn-types/poison.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#B567CE;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M128.427,48.754c19.618,0.311,38.458,5.782,54.862,18.477c10.72,8.297,18.841,18.639,23.114,31.606  c6.464,19.618,3.226,37.867-8.529,54.693c-3.865,5.532-8.551,10.334-13.873,14.472c-1.559,1.212-1.905,2.331-1.391,4.266  c1.96,7.365,1.446,14.622-1.629,21.633c-1.678,3.826-4.063,7.126-7.523,9.564c-5.646,3.979-12.45,3.981-18.075-0.019  c-3.966-2.821-6.451-6.739-8.215-11.188c-0.299-0.754-0.319-2.101-1.053-2.096c-1.025,0.007-0.869,1.401-1.182,2.186  c-1.59,3.986-3.922,7.39-7.433,9.921c-6.592,4.752-15.276,4.259-21.313-1.189c-2.797-2.524-4.812-5.562-6.094-9.097  c-0.199-0.55-0.375-1.112-0.625-1.639c-0.186-0.393-0.533-0.429-0.727-0.017c-0.319,0.68-0.569,1.392-0.834,2.096  c-1.321,3.501-3.254,6.602-5.955,9.213c-6.663,6.439-15.861,6.422-22.499-0.082c-4.838-4.741-7.14-10.678-7.784-17.284  c-0.417-4.272-0.286-8.565,1.061-12.696c0.477-1.465,0.067-2.282-1.084-3.171c-7.037-5.439-12.9-11.95-17.46-19.599  c-6.079-10.195-9.1-21.24-8.608-33.105c0.598-14.431,5.961-27.051,15.311-37.977c10.974-12.824,24.943-20.893,41.051-25.457  C110.292,49.895,118.842,48.869,128.427,48.754z M127.513,155.498c6.418,0.027,12.708-0.843,18.842-2.734  c8.822-2.719,16.62-7.116,22.798-14.109c10.484-11.866,10.84-27.416,0.905-39.747c-3.192-3.962-7.067-7.145-11.428-9.737  c-7.928-4.712-16.535-7.192-25.708-7.937c-11.636-0.946-22.735,0.933-33.181,6.176c-7.652,3.841-14.052,9.155-18.169,16.821  c-4.725,8.797-4.976,17.777-0.631,26.797c3.504,7.274,9.146,12.548,16.023,16.562C106.393,153.094,116.659,155.454,127.513,155.498z  "/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/psychic.svg b/style/shiny/pkmn-types/psychic.svg
new file mode 100644
index 0000000..ac57ed5
--- /dev/null
+++ b/style/shiny/pkmn-types/psychic.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF6675;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M188.506,183.457c-0.727,1.076-1.859,1.684-2.877,2.4c-10.549,7.418-22.267,11.923-34.952,14.071  c-6.829,1.157-13.699,1.531-20.593,1.192c-15.919-0.781-30.835-4.841-44.112-13.982c-14.904-10.261-24.217-24.308-28.271-41.901  c-1.677-7.276-2.224-14.657-1.742-22.082c0.837-12.916,4.115-25.167,11.133-36.151c9.079-14.209,21.809-23.806,37.847-29.014  c9.179-2.98,18.593-4.398,28.234-3.948c14.763,0.689,28.177,5.245,39.857,14.456c9.174,7.236,15.361,16.604,19.011,27.618  c5.384,16.249,4.381,32.077-3.484,47.405c-2.592,5.052-6.368,9.078-10.489,12.833c-7.556,6.884-16.239,11.723-26.361,13.496  c-14.86,2.603-28.301-0.558-39.668-10.819c-7.212-6.509-11.29-14.728-12.569-24.361c-0.814-6.126-0.452-12.182,1.607-17.988  c4.249-11.981,12.94-19.09,25.219-21.699c7.63-1.621,15.072-0.749,21.835,3.493c7.19,4.509,11.145,11.231,12.273,19.47  c1.388,10.141-6.052,20.132-16.24,22.38c-3.012,0.664-6.011,0.724-9.026-0.001c-5.81-1.397-10.526-6.446-11.446-12.304  c-0.352-2.243,0.021-4.44,0.566-6.596c0.347-1.373,1.307-1.909,2.469-1.63c1.113,0.268,1.792,1.239,1.59,2.543  c-0.161,1.036-0.261,2.061-0.135,3.094c0.695,5.675,5.557,9.085,11.423,8.025c0.146-0.026,0.288-0.07,0.433-0.1  c10.215-2.141,11.215-12.692,7.645-18.714c-2.537-4.279-6.435-6.668-11.226-7.64c-9.717-1.971-17.792,4.111-20.814,11.214  c-3.794,8.917-2.271,17.167,3.999,24.433c8.581,9.943,23.247,12.338,34.855,5.796c9.875-5.565,15.873-13.986,17.335-25.222  c1.457-11.196-1.442-21.152-9.091-29.809c-6.877-7.783-15.413-12.21-25.427-13.809c-24.786-3.958-45.598,8.782-54.523,30.612  c-3.686,9.016-4.806,18.43-3.754,28.12c1.606,14.794,7.652,27.452,18.354,37.777c9.417,9.086,20.639,14.843,33.534,17.173  c19.404,3.507,37.707,0.041,55.104-8.932c0.776-0.4,1.48-1.024,2.449-0.928L188.506,183.457z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/rock.svg b/style/shiny/pkmn-types/rock.svg
new file mode 100644
index 0000000..9c5914c
--- /dev/null
+++ b/style/shiny/pkmn-types/rock.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#C8B686;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M173.599,124.04c-0.01-0.013-0.014-0.03-0.011-0.046l10.762-62.756c0.005-0.029,0.03-0.05,0.059-0.05h3.406  c0.026,0,0.049,0.017,0.057,0.042l24.247,76.771c0.008,0.024-0.001,0.05-0.02,0.066l-17.878,13.958  c-0.027,0.021-0.065,0.015-0.085-0.012L173.599,124.04z M43.077,165.643c0,0.026,0.017,0.049,0.041,0.057l36.853,12.05  c0.018,0.006,0.038,0.003,0.053-0.008l82.374-56.869c0.014-0.01,0.023-0.024,0.025-0.041l8.834-59.272  c0.006-0.036-0.023-0.069-0.059-0.069H98.235c-0.018,0-0.035,0.008-0.046,0.022L43.091,127.98c-0.009,0.011-0.014,0.024-0.014,0.039  V165.643z M95.328,180.82l40.261,13.188c0.018,0.006,0.038,0.003,0.054-0.008l47.933-34.383c0.027-0.019,0.033-0.055,0.015-0.082  l-17.969-26.739c-0.019-0.028-0.056-0.035-0.084-0.016L95.328,180.82z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/steel.svg b/style/shiny/pkmn-types/steel.svg
new file mode 100644
index 0000000..1b57e4f
--- /dev/null
+++ b/style/shiny/pkmn-types/steel.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#5A8EA2;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M44.336,127.584c-0.022-0.038-0.022-0.085,0-0.123l41.883-71.558c0.022-0.037,0.062-0.059,0.104-0.059h83.013  c0.044,0,0.083,0.022,0.106,0.061l41.423,71.558c0.021,0.037,0.021,0.085,0,0.122l-41.423,71.479  c-0.022,0.037-0.062,0.061-0.106,0.061H86.323c-0.044,0-0.083-0.022-0.104-0.059L44.336,127.584z M166.187,127.482  c0,21.304-17.27,38.574-38.574,38.574s-38.574-17.27-38.574-38.574s17.27-38.574,38.574-38.574S166.187,106.178,166.187,127.482z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn-types/water.svg b/style/shiny/pkmn-types/water.svg
new file mode 100644
index 0000000..ce56188
--- /dev/null
+++ b/style/shiny/pkmn-types/water.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 255.1 255.1" style="enable-background:new 0 0 255.1 255.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#3692DC;}
+	.st1{fill:#FEFEFE;}
+</style>
+<circle class="st0" cx="127.6" cy="127.6" r="121.6"/>
+<path class="st1" d="M128.132,210.828c-29.234-0.336-51.773-20.083-57.382-45.802c-2.536-11.629-1.433-22.994,2.814-34.14  c6.502-17.063,15.073-33.053,24.77-48.465c8.48-13.477,17.111-26.859,25.668-40.288c0.985-1.546,1.928-3.12,2.881-4.687  c0.495-0.814,0.972-0.806,1.462-0.004c0.13,0.213,0.263,0.426,0.392,0.639c9.16,15.119,19.139,29.719,28.432,44.753  c8.427,13.632,16.251,27.579,22.25,42.482c2.367,5.879,4.758,11.744,5.672,18.084c2.522,17.479-1.681,33.148-13.029,46.669  c-10.544,12.562-24.218,19.28-40.574,20.527C130.159,210.697,128.829,210.78,128.132,210.828z M124.397,192.48  c5.986,0.029,11.643-1.252,16.792-4.257c10.073-5.879,15.859-14.502,16.343-26.356c0.036-0.879,0.383-2.379-0.304-2.528  c-1.104-0.239-1.179,1.296-1.634,2.081c-5.802,10.021-14.473,15.595-26.016,16.052c-17.954,0.71-32.125-13.959-31.725-31.098  c0.016-0.667,0.05-1.334,0.036-1.999c-0.005-0.221-0.072-0.542-0.224-0.638c-0.378-0.239-0.59,0.122-0.785,0.372  c-0.256,0.328-0.498,0.67-0.712,1.027c-6.071,10.144-6.639,20.562-0.74,30.853C101.773,187.06,111.824,192.118,124.397,192.48z"/>
+</svg>
\ No newline at end of file
diff --git a/style/shiny/pkmn.css b/style/shiny/pkmn.css
new file mode 100644
index 0000000..4a4cd5b
--- /dev/null
+++ b/style/shiny/pkmn.css
@@ -0,0 +1,134 @@
+.pkmn-type, .pkmn-move {
+  --icon-size: 20px;
+}
+
+.pkmn-type {
+  text-transform: uppercase;
+  font-size: 80%;
+  font-weight: 600;
+  text-shadow: none;
+  padding: 3px 4px 2px calc(var(--offset) + 0.4ex);
+  background:
+    var(--type-sym) left center no-repeat,
+    linear-gradient(105deg,
+      var(--type-col) 0,
+      var(--type-col) var(--offset),
+      #5d4e5d calc(var(--offset) + 1px)
+    );
+  --offset: calc(var(--icon-size) * 1.5);
+}
+
+.pkmn-move::before {
+  content: var(--type-sym);
+  display: inline-block;
+  height: var(--icon-size);
+  width: var(--icon-size);
+  vertical-align: -15%;
+  margin-right: 0.4ex;
+}
+
+.pkmn-type + .pkmn-type {
+  margin-left: 0.25ex;
+}
+
+.pkmn-species {
+  text-transform: uppercase;
+  font-weight: 700;
+  font-size: 75%;
+}
+
+.pkmn-stats dt {
+  font-size: 100%;
+  font-weight: 700;
+}
+
+.pkmn-stats table {
+  width: 80%;
+  text-align: center;
+  margin: 0;
+}
+
+
+
+.bug {
+  --type-col: #83c300;
+  --type-sym: url('pkmn-types/bug.svg');
+}
+.dark {
+  --type-col: #5b5466;
+  --type-sym: url('pkmn-types/dark.svg');
+}
+.dragon {
+  --type-col: #0a6cc2;
+  --type-sym: url('pkmn-types/dragon.svg');
+}
+.electric {
+  --type-col: #fbd100;
+  --type-sym: url('pkmn-types/electric.svg');
+}
+.fairy  {
+  --type-col: #ed9be8;
+  --type-sym: url('pkmn-types/fairy.svg');
+}
+.fighting {
+  --type-col: #e0306a;
+  --type-sym: url('pkmn-types/fighting.svg');
+}
+.fire {
+  --type-col: #ff9741;
+  --type-sym: url('pkmn-types/fire.svg');
+}
+.flying {
+  --type-col: #89aae3;
+  --type-sym: url('pkmn-types/flying.svg');
+}
+.ghost {
+  --type-col: #4c6ab2;
+  --type-sym: url('pkmn-types/ghost.svg');
+}
+.grass {
+  --type-col: #38bf4b;
+  --type-sym: url('pkmn-types/grass.svg');
+}
+.ground {
+  --type-col: #e87236;
+  --type-sym: url('pkmn-types/ground.svg');
+}
+.ice {
+  --type-col: #4cd1c0;
+  --type-sym: url('pkmn-types/ice.svg');
+}
+.normal {
+  --type-col: #919aa2;
+  --type-sym: url('pkmn-types/normal.svg');
+}
+.poison {
+  --type-col: #b567ce;
+  --type-sym: url('pkmn-types/poison.svg');
+}
+.psychic {
+  --type-col: #ff6675;
+  --type-sym: url('pkmn-types/psychic.svg');
+}
+.rock {
+  --type-col: #c8b686;
+  --type-sym: url('pkmn-types/rock.svg');
+}
+.steel {
+  --type-col: #5a8ea2;
+  --type-sym: url('pkmn-types/steel.svg');
+}
+.water  {
+  --type-col: #5090d6;
+  --type-sym: url('pkmn-types/water.svg');
+}
+
+.bed  {
+  /* inkscape notes:
+   * 340 ÷ 360 × 255 ≃ 241
+   * 0.83      × 255 ≃ 212
+   * 0.68      × 255 ≃ 173
+   */
+  --type-col: hsl(340deg, 83%, 68%);
+  --type-sym: url('pkmn-types/bed.svg');
+}
diff --git a/style/shiny/single.css b/style/shiny/single.css
index 3e6560e..c218cbb 100644
--- a/style/shiny/single.css
+++ b/style/shiny/single.css
@@ -1,5 +1,6 @@
 @import url(base.css);
 @import url(nsfw-warning.css);
+@import url(pkmn.css);
 
 :root {
   --image-width: 1000px;