concrete-compositions-html.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Computational concrete compositions in HTML with absolute positioning\n",
    "\n",
    "By [Allison Parrish](https://www.decontextualize.com/)\n",
    "\n",
    "The goal of this notebook is to show you how to write Python code that arranges units of language on a page. Along the way, I'm going to reference some well-known works of concrete poetry (both non-digital and digital) as examples.\n",
    "\n",
    "Specifically, we're going to write Python code that *generates HTML and CSS*.\n",
    "\n",
    "There are lots of ways to do computational layout. Almost all of these methods involve writing a computer program that either produces markup language, or manipulates an intermediate representation of a markup language (like [DOM](https://en.wikipedia.org/wiki/Document_Object_Model)). We could use [p5.js](https://p5js.org/), [Paper.js](http://paperjs.org/) or [Rune.js](http://runemadsen.github.io/rune.js/) to work in the browser with JavaScript, or [Basil.js](http://basiljs.ch/) to script Adobe InDesign. We could write Python programs that produce [PostScript](https://en.wikipedia.org/wiki/PostScript) or [LaTeX](https://www.latex-project.org/) or even [Gcode](https://en.wikipedia.org/wiki/G-code) directly, or that script third-party layout tools like [InkScape](https://inkscape.org/develop/extensions/). Later notebooks in this series will explore a computational design library for Python called [Flat](https://xxyxyz.org/flat) that (among other things) exports [SVG](https://en.wikipedia.org/wiki/Scalable_Vector_Graphics). We'll be using this primarily for the purpose of drawing letter-like shapes and parsing font shape data.\n",
    "\n",
    "## Why HTML/CSS?\n",
    "\n",
    "Generating HTML/CSS turns out to be a good place to start with computational layout! Nearly every mobile phone and personal computer has a powerful HTML interpreter installed (i.e., a web browser), so no additional proprietary software is necessary. Both HTML and CSS remain mainstays of programming education, and even if you're not already familiar with them, it's easy to pick up the basics. Recent versions of CSS have made it possible to do very sophisticated layouts in HTML—even things that you would have previously been forced to implement in a vector graphics tool. HTML and CSS as tools remain primarily focused on layouts for screens, but support for the printed page is surprisingly robust. (See the \"Further Resources\" section below for links to HTML/CSS tutorials and more information on using HTML/CSS to produce printed artifacts.)\n",
    "\n",
    "But maybe the best reason to use HTML/CSS for computational layout is that browsers are already pretty good at supporting advanced font features and [complex text shaping](https://en.wikipedia.org/wiki/Complex_text_layout) (including ligatures and bidirectional text) required for many of the world's languages.\n",
    "\n",
    "## Why computation?\n",
    "\n",
    "Concrete compositions are conventionally done \"by hand,\" and there's nothing in this notebook you couldn't have written in HTML by hand in a text editor with a little patience. I'm interested in using computation to do these kinds of compositions for a few reasons. The first is that computation makes it easy to quickly iterate on variations of even very simple ideas, especially when we're using complex mathematical formulas and algorithms that are difficult to calculate by hand (like trigonometric functions or random number generators). Computation also allows us to work at scale: the effort needed to lay out *n* words by hand scales linearly with *n*, but a computer can apply the same procedure over and over to an arbitrary number of words with little additional human effort. Both of these factors contribute to a sense that computation facilitates certain ways of working with text and layout (and making other ways of working with text more difficult). Because computation and digital media are so central to our lives, it's worth exploring what kinds of layout computation facilitates."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Preliminaries\n",
    "\n",
    "We'll need Python's `random` and `math` libraries, because we're going to do some random stuff with math:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "import random\n",
    "import math"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "The following function displays HTML source code in Jupyter Notebook as an embedded [iframe](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe). The `isolated=True` argument ensures that any styles we define in the generated HTML will not leak back into the notebook itself:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [],
   "source": [
    "from IPython.display import display, HTML\n",
    "def show_html(src):\n",
    "    return display(HTML(src), metadata=dict(isolated=True))"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Let's test it a little bit. This cell creates a small HTML snippet with a single paragraph tag whose background is set to a good gif:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<body>\n",
       "<p style=\"height: 240px; background-image: url(https://i.giphy.com/media/OmK8lulOMQ9XO/giphy-downsized.gif);\">Hello!</h1>\n",
       "</body>\n",
       "</html>\n"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "html_src = \"\"\"\n",
    "<body>\n",
    "<p style=\"height: 240px; background-image: url(https://i.giphy.com/media/OmK8lulOMQ9XO/giphy-downsized.gif);\">Hello!</h1>\n",
    "</body>\n",
    "</html>\n",
    "\"\"\"\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "The following cell defines an HTML template that we'll use in many of the following examples. This template sets a basic style on the HTML tag, making sure that it's at least 32em tall (`em` is a CSS unit that corresponds with the default font size) and that any elements that are positioned outside of this range are hidden. It leaves space for you to [interpolate](interpolating-strings.ipynb) a `title` and some `content`."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [],
   "source": [
    "html_tmpl = \"\"\"<!DOCTYPE html>\n",
    "<html lang=\"en\">\n",
    "<head>\n",
    "    <meta charset=\"utf-8\">\n",
    "    <title>{title}</title>\n",
    "    <style>\n",
    "    html {{ min-height: 32em; overflow: hidden; }}\n",
    "    </style>\n",
    "</head>\n",
    "<body>\n",
    "{content}\n",
    "</body>\n",
    "</html>\"\"\""
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "So, to interpolate a title and content into this template, we might write:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<!DOCTYPE html>\n",
      "<html lang=\"en\">\n",
      "<head>\n",
      "    <meta charset=\"utf-8\">\n",
      "    <title>My first HTML page</title>\n",
      "    <style>\n",
      "    html { min-height: 32em; overflow: hidden; }\n",
      "    </style>\n",
      "</head>\n",
      "<body>\n",
      "<h1>This is a test!</h1>\n",
      "</body>\n",
      "</html>\n"
     ]
    }
   ],
   "source": [
    "interp_src = html_tmpl.format(title=\"My first HTML page\", content=\"<h1>This is a test!</h1>\")\n",
    "print(interp_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "... which we can then display:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>My first HTML page</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<h1>This is a test!</h1>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "show_html(interp_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "The following bit of code saves this HTML to a file. You can copy/paste this code anywhere in the notebook; just make sure to change the name of the variable whose content you want to save, and the filename you're saving it to:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "234"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "open(\"test.html\", \"w\").write(interp_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "You can then open the file up with any web browser. If your system supports the `open` command, running the following cell will open this file up in a new tab:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [],
   "source": [
    "!open test.html"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Absolute positioning\n",
    "\n",
    "The kind of HTML/CSS we're going to be generating in this notebook is a little bit unusual in comparison to most HTML/CSS. Because we're concerned with visual materiality, we're not going to spare a thought for [semantic markup](https://en.wikipedia.org/wiki/Semantic_HTML) (although I think it would be an interesting exercise to try to integrate concrete composition with explicit semantics!). We're also not developing a website that people will have to maintain over time, so our code does not have to be reusable or even especially readable. It's not especially important for our layout to be [responsive](https://en.wikipedia.org/wiki/Responsive_web_design), though many of the examples below are designed to be resizable based on the width of the browser window.\n",
    "\n",
    "Given all of the above, the easiest way to proceed is to make our HTML/CSS entirely from *absolutely positioned `<div>` elements with inline styles*. The `<div>` element is a block element that has no predetermined semantic meaning; *absolute positioning* is a way to position an element on the screen in a particular location, unaffected by the flow of the document. An inline style is CSS specified in a `style` attribute on the element itself, instead of in an external stylesheet. Here's an example:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>hello</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='position: absolute; left: 5%; top: 20%;'>hello!</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "my_div = \"<div style='position: absolute; left: 5%; top: 20%;'>hello!</div>\"\n",
    "html_src = html_tmpl.format(title=\"hello\", content=my_div)\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "The `<div>` tag's style sets `position: absolute;` to tell the browser to remove the element from the regular document flow and the `left: 5%; top: 20%;` tells the browser to position this element 5% of the window's width from the left and 10% of the window's width from the top.\n",
    "\n",
    "CSS supports many other [units of length](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#Numbers_lengths_and_percentages). In this notebook I like using [percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) (`%`) because it lets us fill up the entire window easily. But you might want to use an absolute length unit like millimeters (`mm`) or points (`pt`, 1/72\") if you're designing for print, or like pixels (`px`) if you want pixel-perfect positioning on screen. In some of the examples below, I use `vh`, which is one percent of the height of the [viewport](https://developer.mozilla.org/en-US/docs/Glossary/viewport), as an easy way to have a unit that responds to the size of the window but is also the same horizontally and vertically (which `%` is not guaranteed to be).\n",
    "\n",
    "The following example is a bit more sophisticated: in a loop, it creates one thousand random `<div>`s and adds them to a list. This list is then joined together and interpolated into the HTML template:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [],
   "source": [
    "divs = []\n",
    "for i in range(1000):\n",
    "    x = random.random() * 100\n",
    "    y = random.random() * 100\n",
    "    this_div = f\"<div style='position: absolute; left: {x}%; top: {y}%;'>★</div>\"\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"Stars\", content=\"\".join(divs))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>Stars</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='position: absolute; left: 46.043997335907115%; top: 51.906117856975065%;'>★</div><div style='position: absolute; left: 32.60912642013558%; top: 35.66128096451309%;'>★</div><div style='position: absolute; left: 7.994743185606589%; top: 79.26048782219715%;'>★</div><div style='position: absolute; left: 2.528358069864034%; top: 4.973045781157581%;'>★</div><div style='position: absolute; left: 34.51025683919262%; top: 25.08097020509652%;'>★</div><div style='position: absolute; left: 40.76357179408293%; top: 59.6211087189454%;'>★</div><div style='position: absolute; left: 40.21609338218326%; top: 12.488984180236773%;'>★</div><div style='position: absolute; left: 34.304381869393616%; top: 61.04725031940941%;'>★</div><div style='position: absolute; left: 73.7793449928497%; top: 74.17492626346473%;'>★</div><div style='position: absolute; left: 94.67640560289468%; top: 79.85529483581414%;'>★</div><div style='position: absolute; left: 25.318807401307907%; top: 25.934698704906488%;'>★</div><div style='position: absolute; left: 34.05361757567255%; top: 76.60586346726576%;'>★</div><div style='position: absolute; left: 74.64638717724004%; top: 79.63904837216184%;'>★</div><div style='position: absolute; left: 42.291241546966106%; top: 76.55547246091243%;'>★</div><div style='position: absolute; left: 32.20804722523384%; top: 84.81200465740406%;'>★</div><div style='position: absolute; left: 24.865126027934327%; top: 44.15092540082709%;'>★</div><div style='position: absolute; left: 75.65402327876373%; top: 85.21728115359922%;'>★</div><div style='position: absolute; left: 0.6657020282099357%; top: 57.48810207670243%;'>★</div><div style='position: absolute; left: 98.38569864337391%; top: 50.53041273586617%;'>★</div><div style='position: absolute; left: 62.97704338046973%; top: 67.40890369186224%;'>★</div><div style='position: absolute; left: 18.34638379889597%; top: 36.15828435547088%;'>★</div><div style='position: absolute; left: 38.2394813821902%; top: 39.5994714764323%;'>★</div><div style='position: absolute; left: 9.906315452062774%; top: 91.49618832186577%;'>★</div><div style='position: absolute; left: 17.08640008854441%; top: 78.23882072501551%;'>★</div><div style='position: absolute; left: 32.3967612592575%; top: 91.52909029756314%;'>★</div><div style='position: absolute; left: 73.68081946021846%; top: 38.26275259856513%;'>★</div><div style='position: absolute; left: 5.815891424897335%; top: 15.387027577872415%;'>★</div><div style='position: absolute; left: 91.43631035010331%; top: 84.51781826438324%;'>★</div><div style='position: absolute; left: 26.442025881236276%; top: 99.72061083744862%;'>★</div><div style='position: absolute; left: 57.814195603756524%; top: 44.56344358663985%;'>★</div><div style='position: absolute; left: 33.53460619436737%; top: 1.8832658396906954%;'>★</div><div style='position: absolute; left: 17.84220290482248%; top: 24.202105203905422%;'>★</div><div style='position: absolute; left: 48.614438463686604%; top: 80.61672596206611%;'>★</div><div style='position: absolute; left: 66.90268192015174%; top: 60.47672181983674%;'>★</div><div style='position: absolute; left: 7.428470001412723%; top: 48.282766751559755%;'>★</div><div style='position: absolute; left: 87.82582351888803%; top: 76.41027126990672%;'>★</div><div style='position: absolute; left: 40.99455399328499%; top: 33.595333136275904%;'>★</div><div style='position: absolute; left: 17.413680317997315%; top: 95.45720315670356%;'>★</div><div style='position: absolute; left: 89.82325621699958%; top: 10.971130893674141%;'>★</div><div style='position: absolute; left: 95.01128796830487%; top: 59.5557045060506%;'>★</div><div style='position: absolute; left: 50.07952289968864%; top: 95.68910669739165%;'>★</div><div style='position: absolute; left: 15.729388635056708%; top: 44.91552564938852%;'>★</div><div style='position: absolute; left: 55.48374783804457%; top: 36.58357245743111%;'>★</div><div style='position: absolute; left: 95.31099974992696%; top: 43.04180735204639%;'>★</div><div style='position: absolute; left: 9.6852714210244%; top: 92.44584814220067%;'>★</div><div style='position: absolute; left: 57.09043538124531%; top: 25.767329812183483%;'>★</div><div style='position: absolute; left: 20.384115623936726%; top: 75.53185184003082%;'>★</div><div style='position: absolute; left: 77.66502981093905%; top: 89.76248087881625%;'>★</div><div style='position: absolute; left: 25.18230492743373%; top: 60.79507603449604%;'>★</div><div style='position: absolute; left: 91.72264443170157%; top: 85.06445356687226%;'>★</div><div style='position: absolute; left: 80.2755277499016%; top: 60.67885055140363%;'>★</div><div style='position: absolute; left: 46.31132241871229%; top: 85.88551751481592%;'>★</div><div style='position: absolute; left: 8.27682200529597%; top: 97.8496071871081%;'>★</div><div style='position: absolute; left: 80.74520449385682%; top: 26.184610157758247%;'>★</div><div style='position: absolute; left: 75.0048010507953%; top: 85.2440610279913%;'>★</div><div style='position: absolute; left: 8.838414907858827%; top: 16.741378691525576%;'>★</div><div style='position: absolute; left: 87.34650479795535%; top: 12.416733544360259%;'>★</div><div style='position: absolute; left: 16.92692733163804%; top: 68.60962887958848%;'>★</div><div style='position: absolute; left: 71.45838978273183%; top: 13.046873867986875%;'>★</div><div style='position: absolute; left: 23.383290956976655%; top: 81.59645270167111%;'>★</div><div style='position: absolute; left: 94.64335640905256%; top: 48.829433639908004%;'>★</div><div style='position: absolute; left: 54.33933793428694%; top: 21.106993095591477%;'>★</div><div style='position: absolute; left: 41.00971650124327%; top: 6.9810163696636955%;'>★</div><div style='position: absolute; left: 58.46486537875541%; top: 35.9509575124483%;'>★</div><div style='position: absolute; left: 57.05092948410926%; top: 51.33748864262979%;'>★</div><div style='position: absolute; left: 39.443361169407765%; top: 3.1453750382741563%;'>★</div><div style='position: absolute; left: 80.57404204720314%; top: 12.264573320628969%;'>★</div><div style='position: absolute; left: 10.661692527511557%; top: 65.84101596337784%;'>★</div><div style='position: absolute; left: 66.59099368659902%; top: 21.236354085548925%;'>★</div><div style='position: absolute; left: 17.083219028162034%; top: 62.91371631237589%;'>★</div><div style='position: absolute; left: 34.44192031624627%; top: 90.18165594712968%;'>★</div><div style='position: absolute; left: 34.0929115205076%; top: 88.21963900690994%;'>★</div><div style='position: absolute; left: 33.49370904344377%; top: 18.032666861432787%;'>★</div><div style='position: absolute; left: 97.39696718463554%; top: 28.010396231972802%;'>★</div><div style='position: absolute; left: 64.93664170415336%; top: 51.43021886732492%;'>★</div><div style='position: absolute; left: 82.14337792289602%; top: 63.63887343088705%;'>★</div><div style='position: absolute; left: 8.794434307988608%; top: 28.493846082696138%;'>★</div><div style='position: absolute; left: 85.35315356841092%; top: 64.77361161283713%;'>★</div><div style='position: absolute; left: 22.158399044244593%; top: 92.46886938839333%;'>★</div><div style='position: absolute; left: 87.41890575909773%; top: 16.064368486608682%;'>★</div><div style='position: absolute; left: 41.110458621595406%; top: 9.759434641435572%;'>★</div><div style='position: absolute; left: 6.987559361880368%; top: 39.90466221748981%;'>★</div><div style='position: absolute; left: 0.2064300936591379%; top: 27.862471205146388%;'>★</div><div style='position: absolute; left: 75.65287661354387%; top: 4.808478038267882%;'>★</div><div style='position: absolute; left: 95.30294820282424%; top: 22.931259783491676%;'>★</div><div style='position: absolute; left: 50.10381736603679%; top: 28.19699248912184%;'>★</div><div style='position: absolute; left: 41.22096157801419%; top: 20.353496104742064%;'>★</div><div style='position: absolute; left: 33.39337013381446%; top: 57.74878993893503%;'>★</div><div style='position: absolute; left: 20.013861185289837%; top: 44.52401421116935%;'>★</div><div style='position: absolute; left: 33.78446497014755%; top: 78.2045687955789%;'>★</div><div style='position: absolute; left: 52.96383342816422%; top: 58.523766259682375%;'>★</div><div style='position: absolute; left: 74.43193952912813%; top: 79.31315914547456%;'>★</div><div style='position: absolute; left: 23.264300276651404%; top: 5.550559135039057%;'>★</div><div style='position: absolute; left: 9.408258430868033%; top: 90.81191107185973%;'>★</div><div style='position: absolute; left: 67.78727438008575%; top: 96.0881084981012%;'>★</div><div style='position: absolute; left: 49.781283759384756%; top: 78.0947495216467%;'>★</div><div style='position: absolute; left: 98.73074437695448%; top: 2.130677357077404%;'>★</div><div style='position: absolute; left: 38.294622395919966%; top: 70.61799577393091%;'>★</div><div style='position: absolute; left: 9.825202651825137%; top: 98.97122781698194%;'>★</div><div style='position: absolute; left: 41.6996338751495%; top: 62.347427566807134%;'>★</div><div style='position: absolute; left: 93.25432127165007%; top: 30.924076964658486%;'>★</div><div style='position: absolute; left: 54.98879586660128%; top: 44.90375480880703%;'>★</div><div style='position: absolute; left: 82.72060571105601%; top: 88.04730139112048%;'>★</div><div style='position: absolute; left: 79.42723521893495%; top: 44.13379363625635%;'>★</div><div style='position: absolute; left: 34.896279701415814%; top: 44.0241510932228%;'>★</div><div style='position: absolute; left: 19.473108361433734%; top: 90.24729406409067%;'>★</div><div style='position: absolute; left: 10.455852161266%; top: 41.27800451017083%;'>★</div><div style='position: absolute; left: 99.78033598798478%; top: 67.25257419608629%;'>★</div><div style='position: absolute; left: 61.837524532012964%; top: 11.35122153826973%;'>★</div><div style='position: absolute; left: 20.284056316059353%; top: 61.54743189147119%;'>★</div><div style='position: absolute; left: 52.88577389831611%; top: 4.441133966171473%;'>★</div><div style='position: absolute; left: 82.85214086505785%; top: 48.98222129061912%;'>★</div><div style='position: absolute; left: 14.019767302596541%; top: 62.15526539669668%;'>★</div><div style='position: absolute; left: 3.863748194417649%; top: 19.053557673069054%;'>★</div><div style='position: absolute; left: 77.37796375284802%; top: 40.28728092084639%;'>★</div><div style='position: absolute; left: 37.27089544774722%; top: 78.21835741391263%;'>★</div><div style='position: absolute; left: 37.6335668480677%; top: 89.67674865618115%;'>★</div><div style='position: absolute; left: 9.494121342758543%; top: 37.17650786057728%;'>★</div><div style='position: absolute; left: 98.67837181194399%; top: 57.34001111420438%;'>★</div><div style='position: absolute; left: 46.13364978649385%; top: 26.725810818988037%;'>★</div><div style='position: absolute; left: 5.575382842852628%; top: 21.59936038654331%;'>★</div><div style='position: absolute; left: 48.02383522379817%; top: 64.25135636297267%;'>★</div><div style='position: absolute; left: 9.118988456003674%; top: 23.87479299217282%;'>★</div><div style='position: absolute; left: 16.156873862621502%; top: 78.72188632071652%;'>★</div><div style='position: absolute; left: 39.77556229208008%; top: 27.276830511638405%;'>★</div><div style='position: absolute; left: 46.420099662072154%; top: 53.22030484030126%;'>★</div><div style='position: absolute; left: 65.87609239872361%; top: 27.578290480872337%;'>★</div><div style='position: absolute; left: 70.68025402267826%; top: 42.20255233332686%;'>★</div><div style='position: absolute; left: 38.58081853251942%; top: 16.19936558878804%;'>★</div><div style='position: absolute; left: 79.034636279087%; top: 97.56259338127488%;'>★</div><div style='position: absolute; left: 73.80259655200322%; top: 72.1652557599991%;'>★</div><div style='position: absolute; left: 7.556066603711642%; top: 9.672356183356879%;'>★</div><div style='position: absolute; left: 22.859836412674717%; top: 58.06137650029209%;'>★</div><div style='position: absolute; left: 94.41565556861255%; top: 79.28684045725444%;'>★</div><div style='position: absolute; left: 6.055447708224082%; top: 7.584221796330482%;'>★</div><div style='position: absolute; left: 87.78828565923473%; top: 42.33395787424693%;'>★</div><div style='position: absolute; left: 6.950479627783102%; top: 38.30765241673888%;'>★</div><div style='position: absolute; left: 18.679076876967603%; top: 67.4464411735596%;'>★</div><div style='position: absolute; left: 9.477087206408674%; top: 28.150263413625755%;'>★</div><div style='position: absolute; left: 93.10866038066348%; top: 88.96169897020467%;'>★</div><div style='position: absolute; left: 63.90603472939539%; top: 63.508262985449214%;'>★</div><div style='position: absolute; left: 65.86577662570883%; top: 32.969556311137126%;'>★</div><div style='position: absolute; left: 6.587891618896025%; top: 62.027432923227586%;'>★</div><div style='position: absolute; left: 29.015449235324386%; top: 56.79833164533377%;'>★</div><div style='position: absolute; left: 61.991225620397884%; top: 29.86114325302116%;'>★</div><div style='position: absolute; left: 21.630242975953827%; top: 74.79839802040871%;'>★</div><div style='position: absolute; left: 6.75251868304726%; top: 6.914946011875244%;'>★</div><div style='position: absolute; left: 7.222169141534051%; top: 37.11673825340846%;'>★</div><div style='position: absolute; left: 50.44683134459955%; top: 52.204198073172634%;'>★</div><div style='position: absolute; left: 48.42644020313735%; top: 54.0059661172623%;'>★</div><div style='position: absolute; left: 96.87172934124276%; top: 62.511607945451516%;'>★</div><div style='position: absolute; left: 81.67033585752914%; top: 38.26349938836097%;'>★</div><div style='position: absolute; left: 83.13536886462356%; top: 78.47625932954922%;'>★</div><div style='position: absolute; left: 18.824525228119292%; top: 46.380477524887375%;'>★</div><div style='position: absolute; left: 41.22053003821365%; top: 29.418208443017857%;'>★</div><div style='position: absolute; left: 55.291313990745174%; top: 55.79699394328903%;'>★</div><div style='position: absolute; left: 31.911809667079538%; top: 4.118226688227178%;'>★</div><div style='position: absolute; left: 58.530052908691765%; top: 83.26399122430405%;'>★</div><div style='position: absolute; left: 12.480712839037277%; top: 15.830358439880266%;'>★</div><div style='position: absolute; left: 63.27462222797453%; top: 2.4662720374503344%;'>★</div><div style='position: absolute; left: 80.3548801770857%; top: 0.13187592353499644%;'>★</div><div style='position: absolute; left: 61.136145632702366%; top: 69.03327013106451%;'>★</div><div style='position: absolute; left: 59.33489029586284%; top: 65.6088430998804%;'>★</div><div style='position: absolute; left: 23.836137447346793%; top: 17.102573540200783%;'>★</div><div style='position: absolute; left: 80.47476515099842%; top: 43.86880527685977%;'>★</div><div style='position: absolute; left: 28.402974795073067%; top: 75.14237797284406%;'>★</div><div style='position: absolute; left: 23.633643275878356%; top: 49.50852586664256%;'>★</div><div style='position: absolute; left: 19.43838689279017%; top: 96.73118823724042%;'>★</div><div style='position: absolute; left: 80.44263687390166%; top: 80.87948460092016%;'>★</div><div style='position: absolute; left: 0.7956653605847297%; top: 29.897555510755513%;'>★</div><div style='position: absolute; left: 94.25050196330672%; top: 82.0231501810291%;'>★</div><div style='position: absolute; left: 71.74903954005673%; top: 23.61142959964978%;'>★</div><div style='position: absolute; left: 30.589084728543035%; top: 46.56039026041879%;'>★</div><div style='position: absolute; left: 38.73897511723854%; top: 30.067099610035854%;'>★</div><div style='position: absolute; left: 32.51699730876957%; top: 5.526360338495384%;'>★</div><div style='position: absolute; left: 41.05325469872885%; top: 67.31492584668737%;'>★</div><div style='position: absolute; left: 46.008785375469095%; top: 63.55375770322761%;'>★</div><div style='position: absolute; left: 84.09193547670125%; top: 52.59530833550639%;'>★</div><div style='position: absolute; left: 22.991963629168865%; top: 99.23486751663219%;'>★</div><div style='position: absolute; left: 55.161880158008415%; top: 12.834115768162913%;'>★</div><div style='position: absolute; left: 17.070074440346804%; top: 50.112559054394865%;'>★</div><div style='position: absolute; left: 5.240151014731298%; top: 83.63001032077372%;'>★</div><div style='position: absolute; left: 89.91771092643255%; top: 88.63901783686107%;'>★</div><div style='position: absolute; left: 71.19476391366933%; top: 30.082876275187388%;'>★</div><div style='position: absolute; left: 51.19106984929911%; top: 10.437804320413314%;'>★</div><div style='position: absolute; left: 58.35117893620383%; top: 39.70698268814762%;'>★</div><div style='position: absolute; left: 84.59123872266609%; top: 71.85669344119748%;'>★</div><div style='position: absolute; left: 44.513226529778485%; top: 18.494995564410786%;'>★</div><div style='position: absolute; left: 51.65800113008046%; top: 21.284167719085257%;'>★</div><div style='position: absolute; left: 61.48830545555677%; top: 32.652752670411445%;'>★</div><div style='position: absolute; left: 14.182815195805254%; top: 34.580751236576866%;'>★</div><div style='position: absolute; left: 38.65854375568147%; top: 26.017016297250073%;'>★</div><div style='position: absolute; left: 73.65406060865308%; top: 87.51650065003753%;'>★</div><div style='position: absolute; left: 9.768213841868622%; top: 30.073740600890343%;'>★</div><div style='position: absolute; left: 22.5063958865925%; top: 50.12224043051617%;'>★</div><div style='position: absolute; left: 16.905670142228825%; top: 73.22252665458265%;'>★</div><div style='position: absolute; left: 85.99517509640002%; top: 95.24799645536459%;'>★</div><div style='position: absolute; left: 88.33463241132681%; top: 48.20012597501313%;'>★</div><div style='position: absolute; left: 47.595337916866875%; top: 2.926050214615461%;'>★</div><div style='position: absolute; left: 14.512839442511094%; top: 66.73729356345898%;'>★</div><div style='position: absolute; left: 1.57767988131573%; top: 29.779764390874007%;'>★</div><div style='position: absolute; left: 75.07124410553347%; top: 60.00419163229692%;'>★</div><div style='position: absolute; left: 9.928643354442546%; top: 9.82391488298553%;'>★</div><div style='position: absolute; left: 84.95179529238035%; top: 17.74820894853313%;'>★</div><div style='position: absolute; left: 32.081079726186616%; top: 52.46678641900993%;'>★</div><div style='position: absolute; left: 36.94842360617938%; top: 13.633488505283687%;'>★</div><div style='position: absolute; left: 79.7301638158051%; top: 62.06406733485038%;'>★</div><div style='position: absolute; left: 23.76304291418878%; top: 77.03411286350945%;'>★</div><div style='position: absolute; left: 73.54740936319354%; top: 30.091215238485425%;'>★</div><div style='position: absolute; left: 64.05755799315962%; top: 31.048984288644576%;'>★</div><div style='position: absolute; left: 93.36500744529842%; top: 73.19228184433862%;'>★</div><div style='position: absolute; left: 60.383578207709775%; top: 55.413654858022056%;'>★</div><div style='position: absolute; left: 98.27549814224447%; top: 98.76840309850216%;'>★</div><div style='position: absolute; left: 91.6466753225578%; top: 87.31137387998858%;'>★</div><div style='position: absolute; left: 59.25581810300628%; top: 0.2760997506677687%;'>★</div><div style='position: absolute; left: 3.664031610804197%; top: 66.93239900702022%;'>★</div><div style='position: absolute; left: 42.886648539704964%; top: 33.463098808480126%;'>★</div><div style='position: absolute; left: 62.73778870888758%; top: 2.2242734939703523%;'>★</div><div style='position: absolute; left: 88.5256304486012%; top: 69.77023451223538%;'>★</div><div style='position: absolute; left: 32.176305901963495%; top: 62.94003705258707%;'>★</div><div style='position: absolute; left: 17.27853211336532%; top: 80.89299645629406%;'>★</div><div style='position: absolute; left: 70.32371288015%; top: 99.7838428976849%;'>★</div><div style='position: absolute; left: 50.4292071465393%; top: 82.08398489085079%;'>★</div><div style='position: absolute; left: 22.54684588557778%; top: 24.799033975268834%;'>★</div><div style='position: absolute; left: 61.78731028518432%; top: 24.487830970907197%;'>★</div><div style='position: absolute; left: 19.425224374045%; top: 40.21862434151253%;'>★</div><div style='position: absolute; left: 86.7268222045707%; top: 69.57382472204156%;'>★</div><div style='position: absolute; left: 62.19457583542785%; top: 4.566768498847706%;'>★</div><div style='position: absolute; left: 19.93679949274415%; top: 42.80334444417107%;'>★</div><div style='position: absolute; left: 1.9068467404509182%; top: 58.71921703175248%;'>★</div><div style='position: absolute; left: 62.29856485204367%; top: 8.73597939795151%;'>★</div><div style='position: absolute; left: 8.312735949486727%; top: 35.18981769846854%;'>★</div><div style='position: absolute; left: 5.672128551764666%; top: 84.2139455579859%;'>★</div><div style='position: absolute; left: 45.10278174179874%; top: 72.88980834988881%;'>★</div><div style='position: absolute; left: 14.775645158430372%; top: 35.59598025898468%;'>★</div><div style='position: absolute; left: 92.6216153238887%; top: 59.22174860737547%;'>★</div><div style='position: absolute; left: 75.37781443544121%; top: 32.03312375183207%;'>★</div><div style='position: absolute; left: 53.75895607798%; top: 48.113518601590364%;'>★</div><div style='position: absolute; left: 66.93728517588494%; top: 73.63620141226951%;'>★</div><div style='position: absolute; left: 52.75671786643715%; top: 35.55304433212281%;'>★</div><div style='position: absolute; left: 8.523359082378123%; top: 59.74326164953215%;'>★</div><div style='position: absolute; left: 45.67104150473593%; top: 37.64254911724212%;'>★</div><div style='position: absolute; left: 66.37695193962104%; top: 49.06439387775622%;'>★</div><div style='position: absolute; left: 63.890465481273836%; top: 87.4142755199701%;'>★</div><div style='position: absolute; left: 68.09846228566788%; top: 29.177710957280045%;'>★</div><div style='position: absolute; left: 16.956920554005706%; top: 43.39363846078782%;'>★</div><div style='position: absolute; left: 15.710421421124677%; top: 14.362907122483026%;'>★</div><div style='position: absolute; left: 25.297799432446354%; top: 13.784569137726665%;'>★</div><div style='position: absolute; left: 27.587039321503227%; top: 63.28049235382127%;'>★</div><div style='position: absolute; left: 8.819939273814082%; top: 61.76536622904182%;'>★</div><div style='position: absolute; left: 76.4968317902103%; top: 54.13886862683343%;'>★</div><div style='position: absolute; left: 36.02173259111508%; top: 16.163296339003242%;'>★</div><div style='position: absolute; left: 45.062355396277034%; top: 32.268630978977555%;'>★</div><div style='position: absolute; left: 20.940203914139012%; top: 64.16055929696431%;'>★</div><div style='position: absolute; left: 69.87756418544701%; top: 83.46667488480428%;'>★</div><div style='position: absolute; left: 50.98975686628212%; top: 79.97531518384592%;'>★</div><div style='position: absolute; left: 88.81424817652686%; top: 86.5774316754058%;'>★</div><div style='position: absolute; left: 95.12671432918053%; top: 49.96819116753917%;'>★</div><div style='position: absolute; left: 70.32199422898843%; top: 58.21639710736307%;'>★</div><div style='position: absolute; left: 55.23003678992541%; top: 14.448800395382555%;'>★</div><div style='position: absolute; left: 14.712399230455409%; top: 95.21388922719103%;'>★</div><div style='position: absolute; left: 58.88779645315001%; top: 61.555576252082744%;'>★</div><div style='position: absolute; left: 7.1857940339252195%; top: 14.062027152461232%;'>★</div><div style='position: absolute; left: 84.77595811529237%; top: 97.14265919529312%;'>★</div><div style='position: absolute; left: 23.76183044433168%; top: 44.63886171124793%;'>★</div><div style='position: absolute; left: 20.90643036959%; top: 10.135885799603916%;'>★</div><div style='position: absolute; left: 90.50219295531804%; top: 11.861974476143612%;'>★</div><div style='position: absolute; left: 83.81657526997662%; top: 17.066386946682155%;'>★</div><div style='position: absolute; left: 4.134916649334485%; top: 29.069709237950647%;'>★</div><div style='position: absolute; left: 38.21719215391541%; top: 86.20106070153423%;'>★</div><div style='position: absolute; left: 77.99131208036358%; top: 98.90980937836608%;'>★</div><div style='position: absolute; left: 0.7988208871810398%; top: 7.680766071491519%;'>★</div><div style='position: absolute; left: 53.03302483840384%; top: 97.1729718715017%;'>★</div><div style='position: absolute; left: 30.469753950293022%; top: 82.47370770271634%;'>★</div><div style='position: absolute; left: 1.828741204405726%; top: 24.994558927080625%;'>★</div><div style='position: absolute; left: 69.55556254469866%; top: 12.730369588681823%;'>★</div><div style='position: absolute; left: 18.795128863495968%; top: 69.61273969934557%;'>★</div><div style='position: absolute; left: 69.4603648633267%; top: 3.144608930005821%;'>★</div><div style='position: absolute; left: 90.85998104836905%; top: 72.02170341326199%;'>★</div><div style='position: absolute; left: 87.45775121023165%; top: 8.605407076646188%;'>★</div><div style='position: absolute; left: 26.77012573222869%; top: 60.828013856639885%;'>★</div><div style='position: absolute; left: 77.85835787564032%; top: 68.92144224117344%;'>★</div><div style='position: absolute; left: 71.69461691372241%; top: 73.23739257282504%;'>★</div><div style='position: absolute; left: 71.0759260892445%; top: 89.21676451395356%;'>★</div><div style='position: absolute; left: 51.21051497016249%; top: 10.27776235405743%;'>★</div><div style='position: absolute; left: 31.597046642143155%; top: 55.34082600280526%;'>★</div><div style='position: absolute; left: 15.258983204343924%; top: 73.92781380329612%;'>★</div><div style='position: absolute; left: 97.7514995926111%; top: 90.35927950389672%;'>★</div><div style='position: absolute; left: 74.39429268913518%; top: 27.113239811653067%;'>★</div><div style='position: absolute; left: 48.49428036276432%; top: 13.809407053356038%;'>★</div><div style='position: absolute; left: 62.29319736025435%; top: 93.42586358323835%;'>★</div><div style='position: absolute; left: 13.160330275468857%; top: 88.34888048526066%;'>★</div><div style='position: absolute; left: 96.39695466908833%; top: 30.929828711855446%;'>★</div><div style='position: absolute; left: 33.10341125153544%; top: 37.16844143006617%;'>★</div><div style='position: absolute; left: 18.394586582351668%; top: 35.53603076928682%;'>★</div><div style='position: absolute; left: 87.54085709684027%; top: 75.9269131709351%;'>★</div><div style='position: absolute; left: 79.75227792488454%; top: 10.924086961330348%;'>★</div><div style='position: absolute; left: 42.570496106385946%; top: 85.78146355764018%;'>★</div><div style='position: absolute; left: 67.28875255287078%; top: 5.725705547840876%;'>★</div><div style='position: absolute; left: 72.49594547791142%; top: 87.19486972168913%;'>★</div><div style='position: absolute; left: 90.40713071204299%; top: 66.09697196702842%;'>★</div><div style='position: absolute; left: 47.23863138706953%; top: 11.106975187173296%;'>★</div><div style='position: absolute; left: 1.044678555535694%; top: 84.4835564473596%;'>★</div><div style='position: absolute; left: 61.612593788135996%; top: 42.87630138432874%;'>★</div><div style='position: absolute; left: 40.60020863587878%; top: 65.69451397222088%;'>★</div><div style='position: absolute; left: 10.984479102003931%; top: 43.88947762608716%;'>★</div><div style='position: absolute; left: 49.71552013070071%; top: 73.7426729056362%;'>★</div><div style='position: absolute; left: 9.575250889758047%; top: 96.77197018594907%;'>★</div><div style='position: absolute; left: 64.7108051333219%; top: 80.8419225116473%;'>★</div><div style='position: absolute; left: 71.21524184838148%; top: 11.669154305979458%;'>★</div><div style='position: absolute; left: 78.93943337472031%; top: 44.73086948213631%;'>★</div><div style='position: absolute; left: 64.76164867978356%; top: 50.924187115400976%;'>★</div><div style='position: absolute; left: 28.815107244966732%; top: 51.906856612103155%;'>★</div><div style='position: absolute; left: 83.61704070465821%; top: 54.68184146745904%;'>★</div><div style='position: absolute; left: 49.88782944807313%; top: 34.70420781022652%;'>★</div><div style='position: absolute; left: 67.17268406050954%; top: 18.37917147671727%;'>★</div><div style='position: absolute; left: 26.111832293831007%; top: 22.08338989066516%;'>★</div><div style='position: absolute; left: 11.865441153250755%; top: 10.89273347831985%;'>★</div><div style='position: absolute; left: 93.9233357938942%; top: 75.83598436881988%;'>★</div><div style='position: absolute; left: 61.50485512193025%; top: 68.50775015293345%;'>★</div><div style='position: absolute; left: 60.54270250876546%; top: 15.983342266743161%;'>★</div><div style='position: absolute; left: 94.08794941466093%; top: 17.404610554327114%;'>★</div><div style='position: absolute; left: 69.60757596675407%; top: 13.747773745216385%;'>★</div><div style='position: absolute; left: 72.055294323997%; top: 76.38875487723173%;'>★</div><div style='position: absolute; left: 8.745084117742685%; top: 25.432904406290845%;'>★</div><div style='position: absolute; left: 23.678652325428608%; top: 23.132869222125997%;'>★</div><div style='position: absolute; left: 88.87825512255668%; top: 63.23188796408454%;'>★</div><div style='position: absolute; left: 8.760823796955597%; top: 70.59903439385938%;'>★</div><div style='position: absolute; left: 99.37779913088303%; top: 99.41585713873906%;'>★</div><div style='position: absolute; left: 78.15445923293551%; top: 93.44110726464808%;'>★</div><div style='position: absolute; left: 33.21892124998992%; top: 5.347920829982455%;'>★</div><div style='position: absolute; left: 27.546900495704506%; top: 81.07070628018297%;'>★</div><div style='position: absolute; left: 65.02562347702838%; top: 11.131629652462449%;'>★</div><div style='position: absolute; left: 62.267017858944286%; top: 73.81873855296327%;'>★</div><div style='position: absolute; left: 12.977341161195199%; top: 81.68629700621304%;'>★</div><div style='position: absolute; left: 69.98348939874577%; top: 22.385797445413324%;'>★</div><div style='position: absolute; left: 3.922788378310327%; top: 44.41844626041941%;'>★</div><div style='position: absolute; left: 75.56692954211445%; top: 74.23907069490802%;'>★</div><div style='position: absolute; left: 16.418264055326148%; top: 52.24926759480265%;'>★</div><div style='position: absolute; left: 86.68389122001791%; top: 33.7217461870405%;'>★</div><div style='position: absolute; left: 9.332547604067143%; top: 83.56264749730865%;'>★</div><div style='position: absolute; left: 57.401375940515585%; top: 47.15733388918244%;'>★</div><div style='position: absolute; left: 73.0276226162966%; top: 40.566193455468216%;'>★</div><div style='position: absolute; left: 47.052072131089204%; top: 37.164578124961025%;'>★</div><div style='position: absolute; left: 22.855000333266208%; top: 83.43113966147642%;'>★</div><div style='position: absolute; left: 68.91265119238973%; top: 86.4817127455623%;'>★</div><div style='position: absolute; left: 90.25082573475423%; top: 52.0067136107889%;'>★</div><div style='position: absolute; left: 18.862014067946433%; top: 9.007402074128123%;'>★</div><div style='position: absolute; left: 44.51778196237295%; top: 84.17633310288653%;'>★</div><div style='position: absolute; left: 31.04029901456702%; top: 60.183555620944375%;'>★</div><div style='position: absolute; left: 63.88567412838775%; top: 87.07585166917745%;'>★</div><div style='position: absolute; left: 9.825391370304171%; top: 68.96910463958167%;'>★</div><div style='position: absolute; left: 74.26643655102768%; top: 9.832548721706447%;'>★</div><div style='position: absolute; left: 8.937295966158432%; top: 10.702109233446166%;'>★</div><div style='position: absolute; left: 2.694294817050835%; top: 75.32896292408005%;'>★</div><div style='position: absolute; left: 37.240767080212144%; top: 48.147135150210616%;'>★</div><div style='position: absolute; left: 51.837501436912206%; top: 11.303725952628119%;'>★</div><div style='position: absolute; left: 78.58224664850592%; top: 92.78144352610357%;'>★</div><div style='position: absolute; left: 52.4119816799008%; top: 79.26517593879858%;'>★</div><div style='position: absolute; left: 63.02285958417683%; top: 19.30838239201457%;'>★</div><div style='position: absolute; left: 99.48817644542868%; top: 28.925996756901117%;'>★</div><div style='position: absolute; left: 46.6987322474605%; top: 23.93710908888831%;'>★</div><div style='position: absolute; left: 84.38040172613931%; top: 0.46171445404901146%;'>★</div><div style='position: absolute; left: 63.98157834902805%; top: 57.953512267156306%;'>★</div><div style='position: absolute; left: 47.67525996828069%; top: 91.98616033946298%;'>★</div><div style='position: absolute; left: 34.91520933211544%; top: 92.44611606112358%;'>★</div><div style='position: absolute; left: 85.1574225645715%; top: 73.25538793987202%;'>★</div><div style='position: absolute; left: 78.06052097412875%; top: 96.5887624382074%;'>★</div><div style='position: absolute; left: 41.300222360047336%; top: 75.76975565892144%;'>★</div><div style='position: absolute; left: 46.38577455334055%; top: 85.4380399786944%;'>★</div><div style='position: absolute; left: 77.60225353845966%; top: 39.52796234598094%;'>★</div><div style='position: absolute; left: 73.45437204824546%; top: 78.23170561446588%;'>★</div><div style='position: absolute; left: 32.1230631424705%; top: 93.60565094894729%;'>★</div><div style='position: absolute; left: 25.951847628933745%; top: 78.86509131807232%;'>★</div><div style='position: absolute; left: 65.77347535860495%; top: 45.42070353820722%;'>★</div><div style='position: absolute; left: 17.752246967159422%; top: 9.141754521697065%;'>★</div><div style='position: absolute; left: 27.525474809866502%; top: 24.068139777651187%;'>★</div><div style='position: absolute; left: 76.69700123677201%; top: 54.42498326627321%;'>★</div><div style='position: absolute; left: 82.08974453968459%; top: 47.592097395526935%;'>★</div><div style='position: absolute; left: 88.6180238322105%; top: 75.81291851032805%;'>★</div><div style='position: absolute; left: 9.10694770975089%; top: 12.04736473773721%;'>★</div><div style='position: absolute; left: 10.071151729650174%; top: 34.793087432476845%;'>★</div><div style='position: absolute; left: 50.600661878237176%; top: 68.22042038186086%;'>★</div><div style='position: absolute; left: 12.75578294217966%; top: 66.00989272710747%;'>★</div><div style='position: absolute; left: 33.58244810364162%; top: 55.480113086573304%;'>★</div><div style='position: absolute; left: 68.10334387666653%; top: 55.19687058356369%;'>★</div><div style='position: absolute; left: 69.77478902898025%; top: 26.397292878910672%;'>★</div><div style='position: absolute; left: 0.23707516696190867%; top: 92.21836444305082%;'>★</div><div style='position: absolute; left: 97.54810928311944%; top: 4.17787075599766%;'>★</div><div style='position: absolute; left: 68.33616292976355%; top: 74.216127114583%;'>★</div><div style='position: absolute; left: 42.23147523033381%; top: 61.83812469250935%;'>★</div><div style='position: absolute; left: 32.783885466737416%; top: 54.20148793594139%;'>★</div><div style='position: absolute; left: 50.576858244226365%; top: 27.339473614146637%;'>★</div><div style='position: absolute; left: 53.769186146517676%; top: 74.92744266956336%;'>★</div><div style='position: absolute; left: 75.5437082317716%; top: 60.27668806754307%;'>★</div><div style='position: absolute; left: 88.35887580128693%; top: 36.0500926406112%;'>★</div><div style='position: absolute; left: 46.94619667786102%; top: 11.73004130674099%;'>★</div><div style='position: absolute; left: 15.709548572779186%; top: 14.701468562327324%;'>★</div><div style='position: absolute; left: 95.76939041167655%; top: 78.20844444319613%;'>★</div><div style='position: absolute; left: 19.460372054360064%; top: 91.30494593912364%;'>★</div><div style='position: absolute; left: 63.13710940100603%; top: 23.231760488640653%;'>★</div><div style='position: absolute; left: 21.991199040301822%; top: 1.3265693065921402%;'>★</div><div style='position: absolute; left: 15.096990828201218%; top: 87.90547742942553%;'>★</div><div style='position: absolute; left: 91.13611118194522%; top: 44.41127264857234%;'>★</div><div style='position: absolute; left: 92.25803052164771%; top: 90.89127868433778%;'>★</div><div style='position: absolute; left: 28.775013050619613%; top: 45.20430054391081%;'>★</div><div style='position: absolute; left: 24.89682865058045%; top: 32.914069407664556%;'>★</div><div style='position: absolute; left: 34.44160492185626%; top: 72.51344097460387%;'>★</div><div style='position: absolute; left: 60.49016531803771%; top: 65.49601500014657%;'>★</div><div style='position: absolute; left: 10.327554632966384%; top: 86.73847792717898%;'>★</div><div style='position: absolute; left: 61.6217032643882%; top: 35.40894582695769%;'>★</div><div style='position: absolute; left: 14.37281769605252%; top: 68.1012282507986%;'>★</div><div style='position: absolute; left: 81.91498610868135%; top: 9.805462201140557%;'>★</div><div style='position: absolute; left: 28.718919738870106%; top: 85.3218523225327%;'>★</div><div style='position: absolute; left: 58.47433424936382%; top: 0.5838249660173322%;'>★</div><div style='position: absolute; left: 82.2384226442971%; top: 68.23919165500357%;'>★</div><div style='position: absolute; left: 31.402436872723317%; top: 56.735754525780656%;'>★</div><div style='position: absolute; left: 88.77878125120657%; top: 98.71546726001455%;'>★</div><div style='position: absolute; left: 18.09476297586834%; top: 19.236844728077063%;'>★</div><div style='position: absolute; left: 9.611932812553237%; top: 71.14192767749651%;'>★</div><div style='position: absolute; left: 63.61724896401045%; top: 65.33589969949738%;'>★</div><div style='position: absolute; left: 47.23852901365619%; top: 98.47311047905713%;'>★</div><div style='position: absolute; left: 5.21937977706094%; top: 44.53512650377161%;'>★</div><div style='position: absolute; left: 87.21611642522309%; top: 43.673574180046295%;'>★</div><div style='position: absolute; left: 0.2636762924955738%; top: 4.527782562131167%;'>★</div><div style='position: absolute; left: 4.436744892502864%; top: 9.632984999891248%;'>★</div><div style='position: absolute; left: 56.168888298291954%; top: 82.20176292677573%;'>★</div><div style='position: absolute; left: 21.305661228324567%; top: 79.39815916073623%;'>★</div><div style='position: absolute; left: 32.907143482522415%; top: 54.521679704864354%;'>★</div><div style='position: absolute; left: 89.52667083207942%; top: 96.15235624464815%;'>★</div><div style='position: absolute; left: 81.78284895896033%; top: 26.32860852708735%;'>★</div><div style='position: absolute; left: 38.75947094876238%; top: 69.87102022626887%;'>★</div><div style='position: absolute; left: 66.91675242533583%; top: 71.41447580342523%;'>★</div><div style='position: absolute; left: 98.07489490224852%; top: 53.61033450143837%;'>★</div><div style='position: absolute; left: 77.88371941063595%; top: 23.901630603512892%;'>★</div><div style='position: absolute; left: 13.89588957160659%; top: 24.881702009561103%;'>★</div><div style='position: absolute; left: 94.47611943233365%; top: 17.831801695110038%;'>★</div><div style='position: absolute; left: 21.10948623496579%; top: 1.3013342649911053%;'>★</div><div style='position: absolute; left: 48.19378917536746%; top: 8.624750528671644%;'>★</div><div style='position: absolute; left: 56.54159061017994%; top: 51.59586503202496%;'>★</div><div style='position: absolute; left: 70.07287992241685%; top: 26.616109666567244%;'>★</div><div style='position: absolute; left: 44.83304201686013%; top: 96.25350729851743%;'>★</div><div style='position: absolute; left: 69.48574198600737%; top: 72.55268641526415%;'>★</div><div style='position: absolute; left: 72.87967136867918%; top: 51.45138972761678%;'>★</div><div style='position: absolute; left: 87.04185073722942%; top: 71.48214665927442%;'>★</div><div style='position: absolute; left: 55.61811708827248%; top: 54.31814422262883%;'>★</div><div style='position: absolute; left: 67.8574939145509%; top: 89.52123394095409%;'>★</div><div style='position: absolute; left: 66.95161121927053%; top: 5.966709070464537%;'>★</div><div style='position: absolute; left: 62.65703391595919%; top: 24.665276044620033%;'>★</div><div style='position: absolute; left: 46.65517782426913%; top: 62.53794164072528%;'>★</div><div style='position: absolute; left: 54.40716529641316%; top: 71.38997224444601%;'>★</div><div style='position: absolute; left: 71.45030939655577%; top: 3.8404217414939823%;'>★</div><div style='position: absolute; left: 59.69222794058449%; top: 41.01282042997465%;'>★</div><div style='position: absolute; left: 53.44007535926546%; top: 10.817574156971643%;'>★</div><div style='position: absolute; left: 7.333267146682632%; top: 38.36899910896111%;'>★</div><div style='position: absolute; left: 76.29185851231543%; top: 14.134432818334563%;'>★</div><div style='position: absolute; left: 78.12726844818523%; top: 2.342448364286598%;'>★</div><div style='position: absolute; left: 49.83185354380647%; top: 37.17011557375892%;'>★</div><div style='position: absolute; left: 40.31517493554043%; top: 1.6836558180350902%;'>★</div><div style='position: absolute; left: 19.708898473798097%; top: 29.227513774268143%;'>★</div><div style='position: absolute; left: 98.32175486423303%; top: 32.2609571236112%;'>★</div><div style='position: absolute; left: 69.72803293337057%; top: 67.17815592501584%;'>★</div><div style='position: absolute; left: 62.04820441234633%; top: 91.45125248978984%;'>★</div><div style='position: absolute; left: 49.77456744420302%; top: 34.19420901086874%;'>★</div><div style='position: absolute; left: 96.47766113323807%; top: 46.45975216635138%;'>★</div><div style='position: absolute; left: 12.279135408120446%; top: 60.42032852972261%;'>★</div><div style='position: absolute; left: 77.33157274381797%; top: 66.7743280473198%;'>★</div><div style='position: absolute; left: 10.178315461740029%; top: 72.85110621975785%;'>★</div><div style='position: absolute; left: 70.11210635037234%; top: 35.673596446229425%;'>★</div><div style='position: absolute; left: 80.28165352583495%; top: 87.27104759830475%;'>★</div><div style='position: absolute; left: 49.039380182636904%; top: 80.56227386671992%;'>★</div><div style='position: absolute; left: 90.50782890882105%; top: 16.97811508297933%;'>★</div><div style='position: absolute; left: 42.00952353791663%; top: 82.80175224800098%;'>★</div><div style='position: absolute; left: 17.297529472257455%; top: 38.39351859108785%;'>★</div><div style='position: absolute; left: 71.01382758930956%; top: 33.83553534020203%;'>★</div><div style='position: absolute; left: 74.68721499377887%; top: 79.98914994796752%;'>★</div><div style='position: absolute; left: 25.221189951064847%; top: 97.24765266607108%;'>★</div><div style='position: absolute; left: 74.471880971676%; top: 83.21556025272588%;'>★</div><div style='position: absolute; left: 31.12413813263317%; top: 55.31988083454698%;'>★</div><div style='position: absolute; left: 41.30817894294461%; top: 71.94092015845939%;'>★</div><div style='position: absolute; left: 70.04421140268758%; top: 66.99543886728297%;'>★</div><div style='position: absolute; left: 87.79336881768862%; top: 51.19739910253406%;'>★</div><div style='position: absolute; left: 81.57404168285018%; top: 36.16362906178664%;'>★</div><div style='position: absolute; left: 67.3919826558412%; top: 11.129707408867851%;'>★</div><div style='position: absolute; left: 61.46784974301674%; top: 61.795728745203185%;'>★</div><div style='position: absolute; left: 73.30100072534819%; top: 75.68338983388358%;'>★</div><div style='position: absolute; left: 42.9758228108384%; top: 24.91834847193334%;'>★</div><div style='position: absolute; left: 87.908530411104%; top: 90.8619772515629%;'>★</div><div style='position: absolute; left: 2.5154242576829855%; top: 81.55045756167716%;'>★</div><div style='position: absolute; left: 4.440697186521659%; top: 29.61923916968765%;'>★</div><div style='position: absolute; left: 56.07465770185777%; top: 27.57665146514524%;'>★</div><div style='position: absolute; left: 53.117784555072575%; top: 69.57023502219936%;'>★</div><div style='position: absolute; left: 35.184929978622506%; top: 41.37767173351655%;'>★</div><div style='position: absolute; left: 32.117175133469104%; top: 0.7981173177452172%;'>★</div><div style='position: absolute; left: 61.43298780713962%; top: 79.67915209632336%;'>★</div><div style='position: absolute; left: 58.16246850802085%; top: 11.131238594749748%;'>★</div><div style='position: absolute; left: 45.39826466400678%; top: 42.75342388904959%;'>★</div><div style='position: absolute; left: 80.47900592220937%; top: 68.71000135043884%;'>★</div><div style='position: absolute; left: 41.14113987695611%; top: 20.050566563955698%;'>★</div><div style='position: absolute; left: 45.32408708387177%; top: 5.682506034978085%;'>★</div><div style='position: absolute; left: 12.04767785043498%; top: 78.85832047427226%;'>★</div><div style='position: absolute; left: 93.87168144842049%; top: 10.30803594703399%;'>★</div><div style='position: absolute; left: 83.70672204438142%; top: 91.95862721462271%;'>★</div><div style='position: absolute; left: 80.35799490609047%; top: 98.26142885516364%;'>★</div><div style='position: absolute; left: 7.143229222612635%; top: 63.25067889775929%;'>★</div><div style='position: absolute; left: 58.975918659291814%; top: 2.1606691346470863%;'>★</div><div style='position: absolute; left: 60.00994921326009%; top: 18.40145932876157%;'>★</div><div style='position: absolute; left: 90.03097818014534%; top: 57.25079666896615%;'>★</div><div style='position: absolute; left: 62.38594918991737%; top: 90.57682200157447%;'>★</div><div style='position: absolute; left: 83.84546757496892%; top: 44.34534993593472%;'>★</div><div style='position: absolute; left: 60.226768443685785%; top: 6.205741812809795%;'>★</div><div style='position: absolute; left: 81.22077418365137%; top: 74.05410563637477%;'>★</div><div style='position: absolute; left: 15.195621582577735%; top: 34.63810163137714%;'>★</div><div style='position: absolute; left: 18.15564149869018%; top: 63.28810595094551%;'>★</div><div style='position: absolute; left: 8.943379501092629%; top: 14.403808107101746%;'>★</div><div style='position: absolute; left: 88.11992312202948%; top: 4.670820740901882%;'>★</div><div style='position: absolute; left: 51.33972575979352%; top: 3.62077950791162%;'>★</div><div style='position: absolute; left: 87.25442168209436%; top: 99.21966967078943%;'>★</div><div style='position: absolute; left: 99.17111639849028%; top: 10.038743425072017%;'>★</div><div style='position: absolute; left: 66.13031661342322%; top: 58.052227931387065%;'>★</div><div style='position: absolute; left: 11.321951081123395%; top: 37.23887317037915%;'>★</div><div style='position: absolute; left: 9.071739088640973%; top: 12.074046347232859%;'>★</div><div style='position: absolute; left: 36.73827130805042%; top: 90.43402638945402%;'>★</div><div style='position: absolute; left: 43.08917484510118%; top: 98.12131416985478%;'>★</div><div style='position: absolute; left: 87.49543958234891%; top: 27.532775643054187%;'>★</div><div style='position: absolute; left: 79.97682730483207%; top: 13.65486627647936%;'>★</div><div style='position: absolute; left: 52.794417897716116%; top: 13.76142900383741%;'>★</div><div style='position: absolute; left: 90.81531583476922%; top: 23.171421418198857%;'>★</div><div style='position: absolute; left: 95.54694541528691%; top: 59.83268220528287%;'>★</div><div style='position: absolute; left: 57.329658204881284%; top: 5.637321835767805%;'>★</div><div style='position: absolute; left: 25.29768181234291%; top: 5.554406731368666%;'>★</div><div style='position: absolute; left: 3.474984152102456%; top: 79.31826652111272%;'>★</div><div style='position: absolute; left: 68.7849125576817%; top: 56.68202088943526%;'>★</div><div style='position: absolute; left: 67.32674016478019%; top: 46.04129186817063%;'>★</div><div style='position: absolute; left: 62.71348953371384%; top: 54.38159381167604%;'>★</div><div style='position: absolute; left: 29.015717091607975%; top: 43.81968328510738%;'>★</div><div style='position: absolute; left: 78.48929580635243%; top: 57.1362664657408%;'>★</div><div style='position: absolute; left: 18.34273410605264%; top: 6.505213211247874%;'>★</div><div style='position: absolute; left: 42.05310447897589%; top: 86.55465794644365%;'>★</div><div style='position: absolute; left: 26.542582417312943%; top: 15.585848707669946%;'>★</div><div style='position: absolute; left: 38.954083097643235%; top: 21.84040437006867%;'>★</div><div style='position: absolute; left: 36.88744566381741%; top: 86.54754095238334%;'>★</div><div style='position: absolute; left: 53.03542209456701%; top: 80.86105590084334%;'>★</div><div style='position: absolute; left: 48.47981991570097%; top: 29.603595885101875%;'>★</div><div style='position: absolute; left: 73.27469850971184%; top: 28.040419414638762%;'>★</div><div style='position: absolute; left: 93.68696281169552%; top: 29.235315724028577%;'>★</div><div style='position: absolute; left: 20.260673309504174%; top: 0.9160371252060373%;'>★</div><div style='position: absolute; left: 98.09248055218815%; top: 8.3035947352476%;'>★</div><div style='position: absolute; left: 25.212448125475152%; top: 65.93387927555592%;'>★</div><div style='position: absolute; left: 95.74112196520349%; top: 91.79514323852523%;'>★</div><div style='position: absolute; left: 41.583125569632806%; top: 67.51342113141715%;'>★</div><div style='position: absolute; left: 95.00308968717464%; top: 62.26964164369795%;'>★</div><div style='position: absolute; left: 20.729923839267308%; top: 99.2533506122815%;'>★</div><div style='position: absolute; left: 7.969146109910907%; top: 15.261069039151366%;'>★</div><div style='position: absolute; left: 86.39363964010894%; top: 7.0733295576547395%;'>★</div><div style='position: absolute; left: 53.54392806420811%; top: 59.12304744623545%;'>★</div><div style='position: absolute; left: 10.10392103019344%; top: 82.9033497774474%;'>★</div><div style='position: absolute; left: 34.93888381336271%; top: 7.1245725607347214%;'>★</div><div style='position: absolute; left: 24.56035345786719%; top: 90.62149697743567%;'>★</div><div style='position: absolute; left: 75.05913538302316%; top: 65.59419538295342%;'>★</div><div style='position: absolute; left: 31.59052843512874%; top: 64.29746254865114%;'>★</div><div style='position: absolute; left: 45.99374357871978%; top: 23.26925209530426%;'>★</div><div style='position: absolute; left: 66.91486057093249%; top: 4.2871554887007886%;'>★</div><div style='position: absolute; left: 84.61416065474188%; top: 63.786863900082544%;'>★</div><div style='position: absolute; left: 56.94477309979885%; top: 40.94135985257521%;'>★</div><div style='position: absolute; left: 11.886645227957048%; top: 57.23805168689019%;'>★</div><div style='position: absolute; left: 71.25727526376646%; top: 2.4325590396389485%;'>★</div><div style='position: absolute; left: 70.55956545262794%; top: 91.03178117910866%;'>★</div><div style='position: absolute; left: 88.89866865259089%; top: 15.368656177298334%;'>★</div><div style='position: absolute; left: 44.46822840121092%; top: 53.090282630962484%;'>★</div><div style='position: absolute; left: 5.032133169714614%; top: 27.80403063398459%;'>★</div><div style='position: absolute; left: 36.26255697094395%; top: 17.377212504363804%;'>★</div><div style='position: absolute; left: 60.8589315187931%; top: 67.01197440884744%;'>★</div><div style='position: absolute; left: 28.796842661891596%; top: 0.2682117860940525%;'>★</div><div style='position: absolute; left: 6.603885780932705%; top: 65.94784934604425%;'>★</div><div style='position: absolute; left: 15.376686949475593%; top: 16.37335098290078%;'>★</div><div style='position: absolute; left: 89.88701532701408%; top: 62.963431723188926%;'>★</div><div style='position: absolute; left: 55.54542882270119%; top: 7.724468405766361%;'>★</div><div style='position: absolute; left: 40.23922683448353%; top: 1.411991600335516%;'>★</div><div style='position: absolute; left: 70.1319872453495%; top: 19.511552482675732%;'>★</div><div style='position: absolute; left: 87.90695278857046%; top: 45.41693119491704%;'>★</div><div style='position: absolute; left: 38.774370289448626%; top: 13.901523531795867%;'>★</div><div style='position: absolute; left: 59.52508943090133%; top: 95.09773565733316%;'>★</div><div style='position: absolute; left: 23.313752594136428%; top: 72.22326494890213%;'>★</div><div style='position: absolute; left: 61.63560802460432%; top: 10.959470114098824%;'>★</div><div style='position: absolute; left: 73.85905344570246%; top: 67.89128890666959%;'>★</div><div style='position: absolute; left: 6.368686702370308%; top: 80.85255377927231%;'>★</div><div style='position: absolute; left: 66.90680845606619%; top: 77.13647120917909%;'>★</div><div style='position: absolute; left: 4.773195214982396%; top: 21.815287439767918%;'>★</div><div style='position: absolute; left: 23.650688206256156%; top: 7.346903149646811%;'>★</div><div style='position: absolute; left: 83.73132512359935%; top: 54.363600666161105%;'>★</div><div style='position: absolute; left: 99.24436541099071%; top: 74.12973129432423%;'>★</div><div style='position: absolute; left: 13.038798969040599%; top: 74.10395298155899%;'>★</div><div style='position: absolute; left: 6.9073350940916045%; top: 68.96491407065052%;'>★</div><div style='position: absolute; left: 5.501834769060143%; top: 48.25765543286579%;'>★</div><div style='position: absolute; left: 66.20778305535191%; top: 42.60083005100901%;'>★</div><div style='position: absolute; left: 31.594928051269644%; top: 17.789036243927526%;'>★</div><div style='position: absolute; left: 90.38554835996516%; top: 11.298654614952163%;'>★</div><div style='position: absolute; left: 86.38594974809003%; top: 5.753623794181095%;'>★</div><div style='position: absolute; left: 91.8814897952473%; top: 59.85910399234163%;'>★</div><div style='position: absolute; left: 45.38691806777887%; top: 56.977826535985955%;'>★</div><div style='position: absolute; left: 2.3876134098549717%; top: 91.31466368087004%;'>★</div><div style='position: absolute; left: 5.632677151464993%; top: 43.171292763183985%;'>★</div><div style='position: absolute; left: 42.68763621435806%; top: 32.53455529740044%;'>★</div><div style='position: absolute; left: 30.33970749937689%; top: 15.888228675966731%;'>★</div><div style='position: absolute; left: 6.5743370638677305%; top: 67.87489584155063%;'>★</div><div style='position: absolute; left: 8.000929779768185%; top: 21.009751046124602%;'>★</div><div style='position: absolute; left: 54.17581826589507%; top: 61.622992148476975%;'>★</div><div style='position: absolute; left: 77.84581584929433%; top: 12.975558880933779%;'>★</div><div style='position: absolute; left: 83.0593048087776%; top: 71.2967079258585%;'>★</div><div style='position: absolute; left: 49.49364064732388%; top: 96.31233492399525%;'>★</div><div style='position: absolute; left: 87.58699251505308%; top: 77.3368780180589%;'>★</div><div style='position: absolute; left: 59.95393165962497%; top: 60.956083819969045%;'>★</div><div style='position: absolute; left: 99.46857521650799%; top: 16.548091695744173%;'>★</div><div style='position: absolute; left: 14.73944777303321%; top: 45.22666971914811%;'>★</div><div style='position: absolute; left: 79.1330301132971%; top: 58.9613787998421%;'>★</div><div style='position: absolute; left: 90.39901519207135%; top: 33.568941330126755%;'>★</div><div style='position: absolute; left: 53.310197105632454%; top: 34.106857627222595%;'>★</div><div style='position: absolute; left: 68.72064300233379%; top: 91.31088183547692%;'>★</div><div style='position: absolute; left: 21.71722897383229%; top: 13.349921828452182%;'>★</div><div style='position: absolute; left: 57.27780401241394%; top: 65.24710523983806%;'>★</div><div style='position: absolute; left: 93.7312680419318%; top: 96.91117076993481%;'>★</div><div style='position: absolute; left: 51.88990373363295%; top: 46.09234559463171%;'>★</div><div style='position: absolute; left: 45.46565453931005%; top: 22.37744597777933%;'>★</div><div style='position: absolute; left: 26.34972089954295%; top: 99.73074835080126%;'>★</div><div style='position: absolute; left: 35.42965560675769%; top: 36.87953161127042%;'>★</div><div style='position: absolute; left: 53.016658013632124%; top: 44.851613997543836%;'>★</div><div style='position: absolute; left: 81.9719213477311%; top: 55.16654554607325%;'>★</div><div style='position: absolute; left: 43.09349470386471%; top: 99.3237646408661%;'>★</div><div style='position: absolute; left: 52.6509744451626%; top: 80.00408093047795%;'>★</div><div style='position: absolute; left: 71.41600968090567%; top: 66.23988927185269%;'>★</div><div style='position: absolute; left: 43.68623548290474%; top: 57.851084757017446%;'>★</div><div style='position: absolute; left: 36.343522681724075%; top: 48.520287625605604%;'>★</div><div style='position: absolute; left: 5.565158153116123%; top: 95.55292795277617%;'>★</div><div style='position: absolute; left: 66.50634656233893%; top: 45.21752063356911%;'>★</div><div style='position: absolute; left: 46.817046456229235%; top: 78.27599046054978%;'>★</div><div style='position: absolute; left: 66.4458905726365%; top: 68.48999783964088%;'>★</div><div style='position: absolute; left: 57.84273768761034%; top: 17.602050013290015%;'>★</div><div style='position: absolute; left: 51.867931238235755%; top: 36.161786930379726%;'>★</div><div style='position: absolute; left: 96.91938511220464%; top: 17.292706088836308%;'>★</div><div style='position: absolute; left: 24.294127107390718%; top: 11.618049280075383%;'>★</div><div style='position: absolute; left: 45.441741368481225%; top: 94.28395712360093%;'>★</div><div style='position: absolute; left: 92.30614964916258%; top: 26.289283922730988%;'>★</div><div style='position: absolute; left: 95.15648885902772%; top: 95.7933996291236%;'>★</div><div style='position: absolute; left: 18.432979925769654%; top: 87.67421299255886%;'>★</div><div style='position: absolute; left: 56.99978752080369%; top: 24.11915958552282%;'>★</div><div style='position: absolute; left: 54.78763247309597%; top: 97.17845341733202%;'>★</div><div style='position: absolute; left: 1.8240400481694397%; top: 91.38298212696903%;'>★</div><div style='position: absolute; left: 4.799873249824504%; top: 19.96194592994315%;'>★</div><div style='position: absolute; left: 42.35075027734382%; top: 59.792805267765125%;'>★</div><div style='position: absolute; left: 50.49523822651548%; top: 8.703783853178226%;'>★</div><div style='position: absolute; left: 23.806954103807453%; top: 15.633979923171692%;'>★</div><div style='position: absolute; left: 8.794364186349213%; top: 19.947190532786596%;'>★</div><div style='position: absolute; left: 53.4209038203467%; top: 34.548759538969534%;'>★</div><div style='position: absolute; left: 79.20147797291958%; top: 66.25462566870291%;'>★</div><div style='position: absolute; left: 41.86279274310923%; top: 11.005759704651464%;'>★</div><div style='position: absolute; left: 30.667686678134352%; top: 84.21962594439673%;'>★</div><div style='position: absolute; left: 41.3252688277455%; top: 94.66917305538432%;'>★</div><div style='position: absolute; left: 50.75321360483841%; top: 13.6640098854801%;'>★</div><div style='position: absolute; left: 90.43521301865776%; top: 18.29389249520078%;'>★</div><div style='position: absolute; left: 12.968649479572969%; top: 94.49515203878683%;'>★</div><div style='position: absolute; left: 84.7901988560262%; top: 42.30382814345648%;'>★</div><div style='position: absolute; left: 59.685730258819646%; top: 88.711787730893%;'>★</div><div style='position: absolute; left: 0.6695199801400986%; top: 75.5741993289027%;'>★</div><div style='position: absolute; left: 22.537265876144698%; top: 1.5618298749875081%;'>★</div><div style='position: absolute; left: 83.38120317272289%; top: 86.18753688883801%;'>★</div><div style='position: absolute; left: 83.75169739593882%; top: 28.694519754174387%;'>★</div><div style='position: absolute; left: 48.02335006469931%; top: 52.862913642693876%;'>★</div><div style='position: absolute; left: 69.87071955702514%; top: 35.78814951594771%;'>★</div><div style='position: absolute; left: 38.937496180653156%; top: 74.24457416033616%;'>★</div><div style='position: absolute; left: 45.74465603043234%; top: 10.503234326084565%;'>★</div><div style='position: absolute; left: 84.15434886528757%; top: 64.79344041722055%;'>★</div><div style='position: absolute; left: 10.206448716941674%; top: 87.67515436924262%;'>★</div><div style='position: absolute; left: 20.939496081341545%; top: 8.766297365032239%;'>★</div><div style='position: absolute; left: 65.03194272746298%; top: 14.667980085807352%;'>★</div><div style='position: absolute; left: 24.059559200950574%; top: 67.45879459061683%;'>★</div><div style='position: absolute; left: 23.36346156115312%; top: 75.80335335520896%;'>★</div><div style='position: absolute; left: 41.420304050726465%; top: 20.22403849465538%;'>★</div><div style='position: absolute; left: 36.59923238071943%; top: 84.77036454376149%;'>★</div><div style='position: absolute; left: 69.02134852169044%; top: 3.2813511077108615%;'>★</div><div style='position: absolute; left: 29.39910033234939%; top: 1.5981090702132605%;'>★</div><div style='position: absolute; left: 51.199949865917446%; top: 88.56305538774339%;'>★</div><div style='position: absolute; left: 83.16646735336096%; top: 23.961630775978737%;'>★</div><div style='position: absolute; left: 80.16473059069872%; top: 69.42590467788176%;'>★</div><div style='position: absolute; left: 4.254816605313816%; top: 12.329431452405103%;'>★</div><div style='position: absolute; left: 58.55427045499676%; top: 86.55445045825361%;'>★</div><div style='position: absolute; left: 98.48066656730931%; top: 95.35469991272734%;'>★</div><div style='position: absolute; left: 67.61534622081832%; top: 80.07515766511413%;'>★</div><div style='position: absolute; left: 40.37763193502671%; top: 41.770703860286716%;'>★</div><div style='position: absolute; left: 33.83419969475254%; top: 23.796272816056053%;'>★</div><div style='position: absolute; left: 13.79567034466762%; top: 49.52403602302521%;'>★</div><div style='position: absolute; left: 28.651795458675245%; top: 93.43270776278678%;'>★</div><div style='position: absolute; left: 36.28545236761885%; top: 48.125615800690994%;'>★</div><div style='position: absolute; left: 23.11360146628144%; top: 48.03349215608092%;'>★</div><div style='position: absolute; left: 95.15377022097947%; top: 24.63006657271327%;'>★</div><div style='position: absolute; left: 95.08123806795331%; top: 4.404977970074198%;'>★</div><div style='position: absolute; left: 96.71341444311055%; top: 7.679225141415291%;'>★</div><div style='position: absolute; left: 30.046713553625082%; top: 33.06853652990224%;'>★</div><div style='position: absolute; left: 55.715478315497066%; top: 9.944867135087376%;'>★</div><div style='position: absolute; left: 10.788526614772353%; top: 43.088938037299094%;'>★</div><div style='position: absolute; left: 44.79742203451893%; top: 8.170370909250968%;'>★</div><div style='position: absolute; left: 22.351209406362592%; top: 96.21912773971664%;'>★</div><div style='position: absolute; left: 40.029925766671106%; top: 21.429752432652883%;'>★</div><div style='position: absolute; left: 82.0857524161008%; top: 70.98713165782037%;'>★</div><div style='position: absolute; left: 13.558702112225497%; top: 73.18471004413901%;'>★</div><div style='position: absolute; left: 52.49784604721154%; top: 70.08997546493033%;'>★</div><div style='position: absolute; left: 56.2461601621265%; top: 15.123964911839394%;'>★</div><div style='position: absolute; left: 7.529253849757211%; top: 45.15578155130233%;'>★</div><div style='position: absolute; left: 85.40744556818748%; top: 78.62957884127128%;'>★</div><div style='position: absolute; left: 87.91072158786102%; top: 41.31597944833243%;'>★</div><div style='position: absolute; left: 70.92610429340608%; top: 55.15046138159274%;'>★</div><div style='position: absolute; left: 76.29227225540768%; top: 85.6740533325822%;'>★</div><div style='position: absolute; left: 70.69908854554218%; top: 49.37637502768576%;'>★</div><div style='position: absolute; left: 32.52204217678455%; top: 34.34867750560077%;'>★</div><div style='position: absolute; left: 50.069448067824965%; top: 85.34921749173388%;'>★</div><div style='position: absolute; left: 91.39708746266611%; top: 70.46853585817131%;'>★</div><div style='position: absolute; left: 94.0078060757781%; top: 26.706909300411308%;'>★</div><div style='position: absolute; left: 24.776960408169955%; top: 2.2073993063538078%;'>★</div><div style='position: absolute; left: 61.155391322617305%; top: 30.241981719805256%;'>★</div><div style='position: absolute; left: 89.12606993165768%; top: 78.61354480173964%;'>★</div><div style='position: absolute; left: 9.265344769764416%; top: 31.31117981875754%;'>★</div><div style='position: absolute; left: 39.43325346441707%; top: 82.08856622257687%;'>★</div><div style='position: absolute; left: 95.4359590445641%; top: 98.8294624459046%;'>★</div><div style='position: absolute; left: 10.410052285890304%; top: 44.59275090061118%;'>★</div><div style='position: absolute; left: 18.144513166687915%; top: 96.81748391081932%;'>★</div><div style='position: absolute; left: 92.69188113557098%; top: 85.8293361918387%;'>★</div><div style='position: absolute; left: 26.65162581991418%; top: 52.343497541135655%;'>★</div><div style='position: absolute; left: 98.77941095634105%; top: 64.48818103634491%;'>★</div><div style='position: absolute; left: 19.302506957980526%; top: 80.81142014253953%;'>★</div><div style='position: absolute; left: 62.98895067839235%; top: 49.97085160679533%;'>★</div><div style='position: absolute; left: 46.229879017351074%; top: 45.33677228554313%;'>★</div><div style='position: absolute; left: 88.72876929425438%; top: 89.46847322238429%;'>★</div><div style='position: absolute; left: 29.476076229125027%; top: 80.80084026807988%;'>★</div><div style='position: absolute; left: 6.211574010368947%; top: 82.23020197958846%;'>★</div><div style='position: absolute; left: 10.011008269853827%; top: 86.3178515866281%;'>★</div><div style='position: absolute; left: 81.91041483581975%; top: 98.8970215295493%;'>★</div><div style='position: absolute; left: 93.87952906455166%; top: 61.98998782781394%;'>★</div><div style='position: absolute; left: 34.48145027187904%; top: 58.93374446841744%;'>★</div><div style='position: absolute; left: 41.56278549073499%; top: 49.17188964572623%;'>★</div><div style='position: absolute; left: 64.25279150415486%; top: 59.3531633483969%;'>★</div><div style='position: absolute; left: 92.60139522596322%; top: 78.35821806521653%;'>★</div><div style='position: absolute; left: 41.166710996637626%; top: 10.546597775660537%;'>★</div><div style='position: absolute; left: 72.41362267117644%; top: 69.02775311441253%;'>★</div><div style='position: absolute; left: 12.431998844622017%; top: 94.83657436239173%;'>★</div><div style='position: absolute; left: 69.4621048284005%; top: 69.62624866985139%;'>★</div><div style='position: absolute; left: 4.70730304874748%; top: 81.06579728952823%;'>★</div><div style='position: absolute; left: 13.068051490780574%; top: 64.97303136321138%;'>★</div><div style='position: absolute; left: 73.47009704268478%; top: 6.30430313756073%;'>★</div><div style='position: absolute; left: 86.96357679449295%; top: 72.30099636143011%;'>★</div><div style='position: absolute; left: 27.684627043855958%; top: 43.18472357220172%;'>★</div><div style='position: absolute; left: 75.05958672200555%; top: 20.53548864182514%;'>★</div><div style='position: absolute; left: 42.601473878059835%; top: 84.91755100137891%;'>★</div><div style='position: absolute; left: 48.61013434361995%; top: 39.294842099139416%;'>★</div><div style='position: absolute; left: 1.521771160641383%; top: 87.52649002275894%;'>★</div><div style='position: absolute; left: 53.22783547326806%; top: 77.35573962154422%;'>★</div><div style='position: absolute; left: 90.17550583515201%; top: 72.53177539718017%;'>★</div><div style='position: absolute; left: 2.865781228502162%; top: 82.51867287830417%;'>★</div><div style='position: absolute; left: 8.281574111306178%; top: 14.91799500714971%;'>★</div><div style='position: absolute; left: 58.21280301998307%; top: 51.739854474132066%;'>★</div><div style='position: absolute; left: 71.79045050670435%; top: 87.98932772611421%;'>★</div><div style='position: absolute; left: 28.156040658558744%; top: 38.27720929867512%;'>★</div><div style='position: absolute; left: 7.851917847066847%; top: 32.411836502505345%;'>★</div><div style='position: absolute; left: 48.814430356999004%; top: 11.658482359755496%;'>★</div><div style='position: absolute; left: 54.97814389121615%; top: 81.54370915982197%;'>★</div><div style='position: absolute; left: 97.32878296428198%; top: 93.05055100241995%;'>★</div><div style='position: absolute; left: 5.127624058067493%; top: 28.542342016638177%;'>★</div><div style='position: absolute; left: 30.300801778152863%; top: 55.56757592560647%;'>★</div><div style='position: absolute; left: 35.417154905745285%; top: 32.85803669432946%;'>★</div><div style='position: absolute; left: 39.51543101554223%; top: 20.219864169628732%;'>★</div><div style='position: absolute; left: 91.60182519515617%; top: 25.309909343978898%;'>★</div><div style='position: absolute; left: 60.953824757137255%; top: 11.504203705336558%;'>★</div><div style='position: absolute; left: 55.437597709353795%; top: 18.23440872345319%;'>★</div><div style='position: absolute; left: 72.46567054269887%; top: 32.98465635562648%;'>★</div><div style='position: absolute; left: 34.440180431039835%; top: 88.17655980285521%;'>★</div><div style='position: absolute; left: 99.48165155548796%; top: 25.626207549796575%;'>★</div><div style='position: absolute; left: 62.69174119233541%; top: 43.154792359048486%;'>★</div><div style='position: absolute; left: 27.983399677931008%; top: 13.549848753129512%;'>★</div><div style='position: absolute; left: 81.64029486322079%; top: 41.58190042915555%;'>★</div><div style='position: absolute; left: 91.48432529350043%; top: 72.56683833802562%;'>★</div><div style='position: absolute; left: 33.499544755427145%; top: 43.79545671897078%;'>★</div><div style='position: absolute; left: 88.6323833506625%; top: 78.40226974713961%;'>★</div><div style='position: absolute; left: 33.47531967587305%; top: 12.252979465355928%;'>★</div><div style='position: absolute; left: 14.760264931190148%; top: 8.911903161400115%;'>★</div><div style='position: absolute; left: 8.973252644426921%; top: 10.917879593713476%;'>★</div><div style='position: absolute; left: 97.87098909740585%; top: 61.001122361751705%;'>★</div><div style='position: absolute; left: 54.140050056138186%; top: 64.46368107144255%;'>★</div><div style='position: absolute; left: 9.177676485909469%; top: 55.80788282335918%;'>★</div><div style='position: absolute; left: 2.8791687801147714%; top: 92.48680252103952%;'>★</div><div style='position: absolute; left: 78.4228295250403%; top: 70.45889637079948%;'>★</div><div style='position: absolute; left: 7.39316604996767%; top: 9.11561864149334%;'>★</div><div style='position: absolute; left: 99.49323697650358%; top: 21.48557125874587%;'>★</div><div style='position: absolute; left: 12.777131050875523%; top: 62.59692528201237%;'>★</div><div style='position: absolute; left: 64.79575287011967%; top: 49.36517077927704%;'>★</div><div style='position: absolute; left: 41.325796157444515%; top: 6.9204970824410905%;'>★</div><div style='position: absolute; left: 28.96539819761632%; top: 4.967257233000078%;'>★</div><div style='position: absolute; left: 37.930527641896596%; top: 85.48203550905721%;'>★</div><div style='position: absolute; left: 55.30030827184842%; top: 89.59683090813678%;'>★</div><div style='position: absolute; left: 24.90680859284953%; top: 68.1623879448096%;'>★</div><div style='position: absolute; left: 49.819167762925744%; top: 97.3346863320848%;'>★</div><div style='position: absolute; left: 70.54800004861481%; top: 98.43584979034001%;'>★</div><div style='position: absolute; left: 3.4305037367057034%; top: 97.24943127772264%;'>★</div><div style='position: absolute; left: 43.43984854244722%; top: 40.88237424441612%;'>★</div><div style='position: absolute; left: 76.74653706863519%; top: 76.79506801416865%;'>★</div><div style='position: absolute; left: 34.70843053460357%; top: 3.763252026867425%;'>★</div><div style='position: absolute; left: 94.63106457602221%; top: 18.192918714689156%;'>★</div><div style='position: absolute; left: 26.824861463321902%; top: 11.337207968964268%;'>★</div><div style='position: absolute; left: 14.318790042682672%; top: 99.6270538201268%;'>★</div><div style='position: absolute; left: 83.46324595284949%; top: 78.98736511249493%;'>★</div><div style='position: absolute; left: 58.0102404542768%; top: 62.29824905511608%;'>★</div><div style='position: absolute; left: 39.56637682496792%; top: 48.09374375386536%;'>★</div><div style='position: absolute; left: 19.223344557534173%; top: 34.04885991739479%;'>★</div><div style='position: absolute; left: 49.450104612059434%; top: 80.27507265555928%;'>★</div><div style='position: absolute; left: 91.87505021749051%; top: 40.835080286169855%;'>★</div><div style='position: absolute; left: 36.242051820694556%; top: 79.39310800489588%;'>★</div><div style='position: absolute; left: 19.954764159081506%; top: 82.04983682308576%;'>★</div><div style='position: absolute; left: 51.85818090866905%; top: 31.931071609878824%;'>★</div><div style='position: absolute; left: 26.23344947428653%; top: 14.230755709721732%;'>★</div><div style='position: absolute; left: 18.782952614501625%; top: 73.49456533970218%;'>★</div><div style='position: absolute; left: 8.917000537937048%; top: 35.518258645603225%;'>★</div><div style='position: absolute; left: 13.873290585840369%; top: 20.281304681973534%;'>★</div><div style='position: absolute; left: 80.90712471841958%; top: 56.656275674360245%;'>★</div><div style='position: absolute; left: 43.589030314757885%; top: 75.37272939093472%;'>★</div><div style='position: absolute; left: 55.44061490012996%; top: 18.581585903758345%;'>★</div><div style='position: absolute; left: 57.832319666440725%; top: 34.33601419970529%;'>★</div><div style='position: absolute; left: 62.87562104162948%; top: 83.20037744382805%;'>★</div><div style='position: absolute; left: 1.9328418252887225%; top: 29.008071451895535%;'>★</div><div style='position: absolute; left: 80.49931350280255%; top: 85.2566613451176%;'>★</div><div style='position: absolute; left: 24.3459902058617%; top: 42.46244688337724%;'>★</div><div style='position: absolute; left: 1.430825566688143%; top: 62.19670409258262%;'>★</div><div style='position: absolute; left: 71.9347399275983%; top: 82.34993258012344%;'>★</div><div style='position: absolute; left: 50.865370884680274%; top: 88.73509521072472%;'>★</div><div style='position: absolute; left: 77.1172342038579%; top: 11.929511946654358%;'>★</div><div style='position: absolute; left: 40.030041533668204%; top: 68.6949412781263%;'>★</div><div style='position: absolute; left: 17.188214999126128%; top: 36.14406480434608%;'>★</div><div style='position: absolute; left: 95.2137385280735%; top: 61.061427008624214%;'>★</div><div style='position: absolute; left: 10.423467949956255%; top: 71.85612399588055%;'>★</div><div style='position: absolute; left: 14.149852636204852%; top: 70.39110460352701%;'>★</div><div style='position: absolute; left: 15.466271192209312%; top: 80.69927774737927%;'>★</div><div style='position: absolute; left: 55.35949501309906%; top: 31.657952964239833%;'>★</div><div style='position: absolute; left: 91.08181962960447%; top: 14.716743346423666%;'>★</div><div style='position: absolute; left: 46.57977089683308%; top: 79.30372003664802%;'>★</div><div style='position: absolute; left: 56.2854764006764%; top: 94.40865381913645%;'>★</div><div style='position: absolute; left: 74.32330177927285%; top: 52.98108546874095%;'>★</div><div style='position: absolute; left: 84.3209187097975%; top: 27.603702000630946%;'>★</div><div style='position: absolute; left: 47.58947673101402%; top: 74.37556308325726%;'>★</div><div style='position: absolute; left: 41.911838811713544%; top: 89.28906947884258%;'>★</div><div style='position: absolute; left: 63.775748765514386%; top: 54.462143954845956%;'>★</div><div style='position: absolute; left: 4.704214391621386%; top: 31.058734407747213%;'>★</div><div style='position: absolute; left: 39.42732116499481%; top: 75.78599115242218%;'>★</div><div style='position: absolute; left: 81.21256560043193%; top: 22.354328753839493%;'>★</div><div style='position: absolute; left: 16.203616831588796%; top: 29.601126182502867%;'>★</div><div style='position: absolute; left: 73.48367685307274%; top: 6.651217974845947%;'>★</div><div style='position: absolute; left: 57.332103866976695%; top: 42.9266704259985%;'>★</div><div style='position: absolute; left: 42.68519377736568%; top: 77.38383471608297%;'>★</div><div style='position: absolute; left: 40.34685445550422%; top: 31.398597696220886%;'>★</div><div style='position: absolute; left: 58.8998991846467%; top: 41.38384943255017%;'>★</div><div style='position: absolute; left: 53.2320692059099%; top: 70.06171126392941%;'>★</div><div style='position: absolute; left: 13.82156518175105%; top: 86.46808124871855%;'>★</div><div style='position: absolute; left: 41.17734014217466%; top: 48.568058033563425%;'>★</div><div style='position: absolute; left: 40.33127038085206%; top: 44.85869342363865%;'>★</div><div style='position: absolute; left: 99.696266381564%; top: 18.93443661794053%;'>★</div><div style='position: absolute; left: 38.95934677923526%; top: 64.2723374279996%;'>★</div><div style='position: absolute; left: 29.792250519024112%; top: 42.91675823837667%;'>★</div><div style='position: absolute; left: 1.3005181556239975%; top: 8.101331677771405%;'>★</div><div style='position: absolute; left: 33.45989771027335%; top: 4.790732379895024%;'>★</div><div style='position: absolute; left: 35.98347270943778%; top: 21.73656753939095%;'>★</div><div style='position: absolute; left: 13.416963644877878%; top: 44.54519627634179%;'>★</div><div style='position: absolute; left: 82.07227528647412%; top: 21.26490095769843%;'>★</div><div style='position: absolute; left: 41.544396728201086%; top: 69.32878097507653%;'>★</div><div style='position: absolute; left: 98.34588796181848%; top: 99.20289087955337%;'>★</div><div style='position: absolute; left: 2.8911062735140214%; top: 89.28705850244513%;'>★</div><div style='position: absolute; left: 22.398917618995306%; top: 56.5480684741436%;'>★</div><div style='position: absolute; left: 10.639861085791157%; top: 82.94571011795342%;'>★</div><div style='position: absolute; left: 5.33887130532642%; top: 66.52131995271701%;'>★</div><div style='position: absolute; left: 56.97679507428871%; top: 50.623752109620966%;'>★</div><div style='position: absolute; left: 36.60719217745142%; top: 51.377403943839774%;'>★</div><div style='position: absolute; left: 47.95041450242359%; top: 12.762258265165382%;'>★</div><div style='position: absolute; left: 14.425902902704257%; top: 80.10627044413364%;'>★</div><div style='position: absolute; left: 20.02704567450645%; top: 36.60745407293488%;'>★</div><div style='position: absolute; left: 4.2144454447140545%; top: 26.268500021469677%;'>★</div><div style='position: absolute; left: 47.50005224824414%; top: 1.714470627294984%;'>★</div><div style='position: absolute; left: 75.29057689997899%; top: 76.33557693922025%;'>★</div><div style='position: absolute; left: 5.902735608017917%; top: 54.5611004785569%;'>★</div><div style='position: absolute; left: 93.56562913007714%; top: 0.43479340420237156%;'>★</div><div style='position: absolute; left: 72.6157134157828%; top: 19.71380269205376%;'>★</div><div style='position: absolute; left: 18.608724775488472%; top: 6.172334236294796%;'>★</div><div style='position: absolute; left: 77.01570590117522%; top: 62.89300276861337%;'>★</div><div style='position: absolute; left: 3.2525080573997944%; top: 54.07906764180672%;'>★</div><div style='position: absolute; left: 33.024007336247365%; top: 16.609984255106845%;'>★</div><div style='position: absolute; left: 53.45432671606248%; top: 35.9485016842555%;'>★</div><div style='position: absolute; left: 29.512050991474815%; top: 77.79271925263144%;'>★</div><div style='position: absolute; left: 42.25160931742884%; top: 3.189833245300877%;'>★</div><div style='position: absolute; left: 6.935201092689825%; top: 16.76234762188257%;'>★</div><div style='position: absolute; left: 99.8337766597982%; top: 51.715232706006766%;'>★</div><div style='position: absolute; left: 10.220362723113595%; top: 60.4845539485727%;'>★</div><div style='position: absolute; left: 26.26191823777455%; top: 31.27274835610988%;'>★</div><div style='position: absolute; left: 2.729905547606648%; top: 86.26525320517874%;'>★</div><div style='position: absolute; left: 61.05309205141957%; top: 34.48741474178186%;'>★</div><div style='position: absolute; left: 85.86084395991442%; top: 0.8260662254652162%;'>★</div><div style='position: absolute; left: 30.749646825487353%; top: 21.180990329010818%;'>★</div><div style='position: absolute; left: 91.32683375239891%; top: 44.7011634306356%;'>★</div><div style='position: absolute; left: 93.41754632100296%; top: 73.01205867163564%;'>★</div><div style='position: absolute; left: 88.32642032145841%; top: 12.163648100202451%;'>★</div><div style='position: absolute; left: 44.289594446937684%; top: 19.32680055225593%;'>★</div><div style='position: absolute; left: 44.136328493279144%; top: 21.65550109721964%;'>★</div><div style='position: absolute; left: 24.553743966017272%; top: 85.43993534341425%;'>★</div><div style='position: absolute; left: 58.91506883830024%; top: 44.3426663504909%;'>★</div><div style='position: absolute; left: 24.596213109709776%; top: 7.50361373915458%;'>★</div><div style='position: absolute; left: 90.68629911177655%; top: 89.60890541470043%;'>★</div><div style='position: absolute; left: 71.91797379404346%; top: 66.73732192657157%;'>★</div><div style='position: absolute; left: 76.6106713554874%; top: 4.674451008849923%;'>★</div><div style='position: absolute; left: 36.90072484326252%; top: 94.1973816276665%;'>★</div><div style='position: absolute; left: 13.998572122825326%; top: 31.965768166193453%;'>★</div><div style='position: absolute; left: 42.4902261149279%; top: 0.6689223012794399%;'>★</div><div style='position: absolute; left: 83.53550878711394%; top: 28.96552071888222%;'>★</div><div style='position: absolute; left: 25.61048503171992%; top: 20.24917466047643%;'>★</div><div style='position: absolute; left: 81.93666063066325%; top: 35.62796795385843%;'>★</div><div style='position: absolute; left: 45.121012650142454%; top: 84.75874504085384%;'>★</div><div style='position: absolute; left: 8.143757818451746%; top: 79.76785448981202%;'>★</div><div style='position: absolute; left: 78.73505485675746%; top: 20.090351538269292%;'>★</div><div style='position: absolute; left: 76.53387776972228%; top: 90.38406533087495%;'>★</div><div style='position: absolute; left: 2.826360745977896%; top: 92.8928755822844%;'>★</div><div style='position: absolute; left: 66.60627017409374%; top: 71.23313670577424%;'>★</div><div style='position: absolute; left: 66.44557019349217%; top: 55.96255268955343%;'>★</div><div style='position: absolute; left: 88.28525932459158%; top: 10.84129377473355%;'>★</div><div style='position: absolute; left: 12.658053075916753%; top: 73.49946960317976%;'>★</div><div style='position: absolute; left: 31.4458222674621%; top: 44.46518717100636%;'>★</div><div style='position: absolute; left: 39.64850045640228%; top: 31.310549266584864%;'>★</div><div style='position: absolute; left: 15.153851360330084%; top: 50.50318048463491%;'>★</div><div style='position: absolute; left: 10.125027037137347%; top: 55.682556754334456%;'>★</div><div style='position: absolute; left: 49.77508178731831%; top: 2.8818622521568082%;'>★</div><div style='position: absolute; left: 94.59667958087135%; top: 79.74214153512415%;'>★</div><div style='position: absolute; left: 41.40544390878728%; top: 35.56406128383458%;'>★</div><div style='position: absolute; left: 60.16543862907494%; top: 52.15978203624826%;'>★</div><div style='position: absolute; left: 65.16279502510041%; top: 51.64856357881129%;'>★</div><div style='position: absolute; left: 23.625419099127885%; top: 92.73985249827639%;'>★</div><div style='position: absolute; left: 87.8324922953577%; top: 12.65926233156971%;'>★</div><div style='position: absolute; left: 13.877025982991764%; top: 67.0080103277061%;'>★</div><div style='position: absolute; left: 56.81084521308729%; top: 4.2716744606413615%;'>★</div><div style='position: absolute; left: 38.958145487122906%; top: 85.66430312715687%;'>★</div><div style='position: absolute; left: 8.740337144721067%; top: 39.954256604883696%;'>★</div><div style='position: absolute; left: 88.98749926962569%; top: 7.56664877110782%;'>★</div><div style='position: absolute; left: 59.44380865413348%; top: 74.7480431681739%;'>★</div><div style='position: absolute; left: 18.318798736503837%; top: 95.77901936826895%;'>★</div><div style='position: absolute; left: 87.16347352784294%; top: 43.630572979151694%;'>★</div><div style='position: absolute; left: 47.89845695657489%; top: 7.275694771762775%;'>★</div><div style='position: absolute; left: 61.445407743156835%; top: 77.46020369981933%;'>★</div><div style='position: absolute; left: 8.37427709064622%; top: 19.488993568466604%;'>★</div><div style='position: absolute; left: 40.26441843980459%; top: 41.32384336189242%;'>★</div><div style='position: absolute; left: 75.73899597954326%; top: 63.06245808465305%;'>★</div><div style='position: absolute; left: 39.43343095286899%; top: 84.1374317098729%;'>★</div><div style='position: absolute; left: 25.424679036286634%; top: 9.690105657609605%;'>★</div><div style='position: absolute; left: 62.65930503898295%; top: 43.33941337571999%;'>★</div><div style='position: absolute; left: 96.27190147715139%; top: 85.42635819887492%;'>★</div><div style='position: absolute; left: 44.823697096489326%; top: 36.86396949201867%;'>★</div><div style='position: absolute; left: 73.85048066329696%; top: 77.59526394383536%;'>★</div><div style='position: absolute; left: 42.00647181590094%; top: 98.05877341525179%;'>★</div><div style='position: absolute; left: 34.824340760290276%; top: 51.53722053360319%;'>★</div><div style='position: absolute; left: 77.79801292606709%; top: 73.0108412521618%;'>★</div><div style='position: absolute; left: 55.80991216213056%; top: 52.854514387230786%;'>★</div><div style='position: absolute; left: 77.11571876323309%; top: 80.30310406755159%;'>★</div><div style='position: absolute; left: 37.533367389311564%; top: 28.35916291697893%;'>★</div><div style='position: absolute; left: 27.16170108159861%; top: 93.2986130175496%;'>★</div><div style='position: absolute; left: 20.543742268794286%; top: 55.51649129799272%;'>★</div><div style='position: absolute; left: 91.01244131647445%; top: 30.405209038084426%;'>★</div><div style='position: absolute; left: 73.99925936037108%; top: 64.2760154780147%;'>★</div><div style='position: absolute; left: 3.0944829445680333%; top: 20.96821604427259%;'>★</div><div style='position: absolute; left: 86.79044097585118%; top: 99.05900097769953%;'>★</div><div style='position: absolute; left: 40.43341202537532%; top: 77.4307609936168%;'>★</div><div style='position: absolute; left: 4.613301330166408%; top: 74.53052947364412%;'>★</div><div style='position: absolute; left: 23.47474995273908%; top: 91.02447230351231%;'>★</div><div style='position: absolute; left: 54.9487291866963%; top: 99.11360935921999%;'>★</div><div style='position: absolute; left: 22.726957736711284%; top: 49.77806444005656%;'>★</div><div style='position: absolute; left: 52.95361797482661%; top: 58.86118673726076%;'>★</div><div style='position: absolute; left: 13.69288738716451%; top: 67.74634847438973%;'>★</div><div style='position: absolute; left: 9.192214480056005%; top: 79.86925276831491%;'>★</div><div style='position: absolute; left: 42.425538330472115%; top: 31.325495958621264%;'>★</div><div style='position: absolute; left: 1.3087177422275054%; top: 31.3627932162874%;'>★</div><div style='position: absolute; left: 96.18091197105467%; top: 56.42534435212894%;'>★</div><div style='position: absolute; left: 79.27653770534214%; top: 35.494136274976526%;'>★</div><div style='position: absolute; left: 70.31901716743059%; top: 93.44705047056004%;'>★</div><div style='position: absolute; left: 64.30693653823862%; top: 36.04634855343595%;'>★</div><div style='position: absolute; left: 10.076813423373466%; top: 59.32499421928743%;'>★</div><div style='position: absolute; left: 20.534414682550228%; top: 1.6842615695061292%;'>★</div><div style='position: absolute; left: 22.197278064561942%; top: 99.03072075734963%;'>★</div><div style='position: absolute; left: 41.97915082107215%; top: 72.5754129398257%;'>★</div><div style='position: absolute; left: 99.50824443524485%; top: 70.86943299092157%;'>★</div><div style='position: absolute; left: 6.304077042936685%; top: 45.7271555135955%;'>★</div><div style='position: absolute; left: 1.0062013284451887%; top: 28.536039577981608%;'>★</div><div style='position: absolute; left: 82.2184018831335%; top: 52.24465117163839%;'>★</div><div style='position: absolute; left: 90.14394584117889%; top: 59.96888917321641%;'>★</div><div style='position: absolute; left: 96.25227258299552%; top: 75.8364051091075%;'>★</div><div style='position: absolute; left: 6.840174959315282%; top: 12.079826262627558%;'>★</div><div style='position: absolute; left: 37.558346800656764%; top: 45.078834250375486%;'>★</div><div style='position: absolute; left: 84.44014265198305%; top: 66.89699511807412%;'>★</div><div style='position: absolute; left: 5.827491826423669%; top: 14.417843719505608%;'>★</div><div style='position: absolute; left: 71.36336675223266%; top: 97.16908494261727%;'>★</div><div style='position: absolute; left: 35.74630686500667%; top: 69.29499317193421%;'>★</div><div style='position: absolute; left: 43.40633728170141%; top: 50.595139517632916%;'>★</div><div style='position: absolute; left: 66.12649249221118%; top: 5.194860830887182%;'>★</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "You're not limited to just using the `left` and `top` style attributes! Any CSS style is fair game. In the example below, I assign a random size and transparency to the stars, using the `font-size` CSS style, the `color` CSS style, and the `rgba` CSS [color unit](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#Color):"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [],
   "source": [
    "divs = []\n",
    "for i in range(1000):\n",
    "    x = random.random() * 100\n",
    "    y = random.random() * 100\n",
    "    size = random.randrange(4, 32)\n",
    "    alpha = random.random()\n",
    "    this_div = f\"<div style='position: absolute; left: {x}%; top: {y}%; font-size: {size}pt; color: rgba(0,0,0,{alpha})'>★</div>\"\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"Stars of different sizes\", content=\"\".join(divs))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {
    "scrolled": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>Stars of different sizes</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='position: absolute; left: 56.860961810726295%; top: 43.195262196486695%; font-size: 29pt; color: rgba(0,0,0,0.6589339166119834)'>★</div><div style='position: absolute; left: 96.33205660365581%; top: 45.01996843639273%; font-size: 16pt; color: rgba(0,0,0,0.3404611661880521)'>★</div><div style='position: absolute; left: 27.781052365502358%; top: 41.966905351232676%; font-size: 22pt; color: rgba(0,0,0,0.6949298189749936)'>★</div><div style='position: absolute; left: 53.236517044522046%; top: 74.88789818120163%; font-size: 26pt; color: rgba(0,0,0,0.7089326653280336)'>★</div><div style='position: absolute; left: 87.56085956289027%; top: 78.61170968304862%; font-size: 14pt; color: rgba(0,0,0,0.4529288586932245)'>★</div><div style='position: absolute; left: 1.2991803147837655%; top: 97.5662537133034%; font-size: 19pt; color: rgba(0,0,0,0.9523550378473484)'>★</div><div style='position: absolute; left: 24.57530428443101%; top: 90.09622587495004%; font-size: 10pt; color: rgba(0,0,0,0.6572266445989765)'>★</div><div style='position: absolute; left: 29.061988890758116%; top: 95.94917703181417%; font-size: 26pt; color: rgba(0,0,0,0.9813415741737971)'>★</div><div style='position: absolute; left: 30.04128102672269%; top: 22.521727191158103%; font-size: 12pt; color: rgba(0,0,0,0.7835678968885113)'>★</div><div style='position: absolute; left: 12.234257196012866%; top: 24.40844435542435%; font-size: 21pt; color: rgba(0,0,0,0.17404073729840153)'>★</div><div style='position: absolute; left: 77.6568763078967%; top: 52.66951915454538%; font-size: 13pt; color: rgba(0,0,0,0.07566996731275821)'>★</div><div style='position: absolute; left: 42.10409023252981%; top: 35.871919423213974%; font-size: 27pt; color: rgba(0,0,0,0.2873756683620323)'>★</div><div style='position: absolute; left: 37.32516662783958%; top: 91.95455990100906%; font-size: 29pt; color: rgba(0,0,0,0.5463812494627297)'>★</div><div style='position: absolute; left: 96.54250522148928%; top: 54.247735678873156%; font-size: 13pt; color: rgba(0,0,0,0.20474445631388216)'>★</div><div style='position: absolute; left: 69.78648778305306%; top: 34.4955198041924%; font-size: 5pt; color: rgba(0,0,0,0.9772421286266707)'>★</div><div style='position: absolute; left: 18.786458991916444%; top: 87.02557925688284%; font-size: 13pt; color: rgba(0,0,0,0.5931473161734636)'>★</div><div style='position: absolute; left: 4.665237075529705%; top: 11.53533026892638%; font-size: 26pt; color: rgba(0,0,0,0.5989276244808857)'>★</div><div style='position: absolute; left: 0.17383325988052922%; top: 74.11340012517388%; font-size: 22pt; color: rgba(0,0,0,0.3166286835489931)'>★</div><div style='position: absolute; left: 0.8627894836628291%; top: 90.08440254308829%; font-size: 26pt; color: rgba(0,0,0,0.6095103259163019)'>★</div><div style='position: absolute; left: 90.60993540093061%; top: 93.41570531215888%; font-size: 27pt; color: rgba(0,0,0,0.1541810169827994)'>★</div><div style='position: absolute; left: 73.5553832193458%; top: 64.08503293671228%; font-size: 6pt; color: rgba(0,0,0,0.46229840604248706)'>★</div><div style='position: absolute; left: 46.54092689128839%; top: 65.25911126448892%; font-size: 24pt; color: rgba(0,0,0,0.6501453144560049)'>★</div><div style='position: absolute; left: 24.86170996325745%; top: 37.22623421181833%; font-size: 8pt; color: rgba(0,0,0,0.048164244644292364)'>★</div><div style='position: absolute; left: 16.86469167966187%; top: 73.19973017330787%; font-size: 18pt; color: rgba(0,0,0,0.5255964203138779)'>★</div><div style='position: absolute; left: 92.372926449376%; top: 13.60676979566019%; font-size: 23pt; color: rgba(0,0,0,0.164968228551302)'>★</div><div style='position: absolute; left: 43.929992855148114%; top: 45.2879839993656%; font-size: 11pt; color: rgba(0,0,0,0.15127956458271807)'>★</div><div style='position: absolute; left: 38.35912305486695%; top: 64.875607478045%; font-size: 22pt; color: rgba(0,0,0,0.3315445286215112)'>★</div><div style='position: absolute; left: 57.711931497752545%; top: 68.5423052793682%; font-size: 30pt; color: rgba(0,0,0,0.18111743246365952)'>★</div><div style='position: absolute; left: 46.66523165632778%; top: 49.029923087776204%; font-size: 16pt; color: rgba(0,0,0,0.9650595543304838)'>★</div><div style='position: absolute; left: 93.70393728210816%; top: 13.51847280299473%; font-size: 21pt; color: rgba(0,0,0,0.2951238841635161)'>★</div><div style='position: absolute; left: 48.88022396812865%; top: 32.26238177934799%; font-size: 22pt; color: rgba(0,0,0,0.32054726171041814)'>★</div><div style='position: absolute; left: 55.85058028397889%; top: 75.90820252432661%; font-size: 10pt; color: rgba(0,0,0,0.11043856691866705)'>★</div><div style='position: absolute; left: 57.10757800556123%; top: 81.7488392882862%; font-size: 21pt; color: rgba(0,0,0,0.665226960350042)'>★</div><div style='position: absolute; left: 18.910334875322487%; top: 71.32930153326605%; font-size: 28pt; color: rgba(0,0,0,0.2529176791931329)'>★</div><div style='position: absolute; left: 69.65795899517458%; top: 75.03524478353046%; font-size: 30pt; color: rgba(0,0,0,0.8243542082149161)'>★</div><div style='position: absolute; left: 81.69960248429531%; top: 20.76081927121889%; font-size: 15pt; color: rgba(0,0,0,0.7548464723123627)'>★</div><div style='position: absolute; left: 34.73834651572298%; top: 63.68015293200726%; font-size: 23pt; color: rgba(0,0,0,0.2778119922828154)'>★</div><div style='position: absolute; left: 0.16200234333069163%; top: 89.18962624040923%; font-size: 29pt; color: rgba(0,0,0,0.12735701975369884)'>★</div><div style='position: absolute; left: 22.594683021609953%; top: 66.26996931289443%; font-size: 27pt; color: rgba(0,0,0,0.44730774704489007)'>★</div><div style='position: absolute; left: 66.4212415482208%; top: 41.16235798282061%; font-size: 31pt; color: rgba(0,0,0,0.022937708294861858)'>★</div><div style='position: absolute; left: 44.254471270722604%; top: 59.84264494809391%; font-size: 31pt; color: rgba(0,0,0,0.22529683655854849)'>★</div><div style='position: absolute; left: 40.13466728378455%; top: 45.23904912094097%; font-size: 26pt; color: rgba(0,0,0,0.5968997630630641)'>★</div><div style='position: absolute; left: 85.35054907071346%; top: 12.278272386642453%; font-size: 11pt; color: rgba(0,0,0,0.680270519887883)'>★</div><div style='position: absolute; left: 56.24722700292439%; top: 37.993560930450485%; font-size: 5pt; color: rgba(0,0,0,0.6150893712171316)'>★</div><div style='position: absolute; left: 33.991098735062295%; top: 60.37673105831238%; font-size: 6pt; color: rgba(0,0,0,0.3892858092946079)'>★</div><div style='position: absolute; left: 19.482503771578983%; top: 38.569339667666405%; font-size: 19pt; color: rgba(0,0,0,0.7950532956614902)'>★</div><div style='position: absolute; left: 82.49594326602914%; top: 39.01775154999931%; font-size: 23pt; color: rgba(0,0,0,0.5145109616424549)'>★</div><div style='position: absolute; left: 37.57465552170123%; top: 18.020442379746704%; font-size: 14pt; color: rgba(0,0,0,0.8330816731173182)'>★</div><div style='position: absolute; left: 79.09116185150195%; top: 29.999504062126046%; font-size: 29pt; color: rgba(0,0,0,0.7963823019276487)'>★</div><div style='position: absolute; left: 16.44406179295007%; top: 60.289374638540814%; font-size: 11pt; color: rgba(0,0,0,0.8693636699268417)'>★</div><div style='position: absolute; left: 26.57557023716326%; top: 94.73125809802188%; font-size: 10pt; color: rgba(0,0,0,0.8727874634778369)'>★</div><div style='position: absolute; left: 73.18081098640897%; top: 89.39026005980179%; font-size: 26pt; color: rgba(0,0,0,0.32990753350083624)'>★</div><div style='position: absolute; left: 78.42136440907595%; top: 67.98827403450557%; font-size: 25pt; color: rgba(0,0,0,0.9374022207341407)'>★</div><div style='position: absolute; left: 67.35034998707025%; top: 0.4617342155021076%; font-size: 21pt; color: rgba(0,0,0,0.6885915306220166)'>★</div><div style='position: absolute; left: 38.3053701292526%; top: 11.50211288595484%; font-size: 19pt; color: rgba(0,0,0,0.8372742071267523)'>★</div><div style='position: absolute; left: 82.76431569165112%; top: 51.284880717355996%; font-size: 21pt; color: rgba(0,0,0,0.3431343583369888)'>★</div><div style='position: absolute; left: 28.91937528514997%; top: 45.89637895858692%; font-size: 7pt; color: rgba(0,0,0,0.4251608543169414)'>★</div><div style='position: absolute; left: 13.234386583622094%; top: 18.726225912209426%; font-size: 22pt; color: rgba(0,0,0,0.11004629925434939)'>★</div><div style='position: absolute; left: 58.01032024182883%; top: 43.37745303831929%; font-size: 24pt; color: rgba(0,0,0,0.3490908006157014)'>★</div><div style='position: absolute; left: 17.087919732745792%; top: 58.58956044746581%; font-size: 31pt; color: rgba(0,0,0,0.6225096333642671)'>★</div><div style='position: absolute; left: 30.384412644967295%; top: 68.79963534596949%; font-size: 23pt; color: rgba(0,0,0,0.0473994807510667)'>★</div><div style='position: absolute; left: 81.6147829720998%; top: 62.54697726111983%; font-size: 27pt; color: rgba(0,0,0,0.5448736738767963)'>★</div><div style='position: absolute; left: 3.0069720906111153%; top: 77.1003294528764%; font-size: 5pt; color: rgba(0,0,0,0.9479028466886504)'>★</div><div style='position: absolute; left: 89.62121347678092%; top: 78.85357312375699%; font-size: 11pt; color: rgba(0,0,0,0.11451682013059716)'>★</div><div style='position: absolute; left: 21.09222682857862%; top: 82.99583102901495%; font-size: 29pt; color: rgba(0,0,0,0.5541655051093539)'>★</div><div style='position: absolute; left: 21.59001649108521%; top: 31.192882524566766%; font-size: 4pt; color: rgba(0,0,0,0.908943045104546)'>★</div><div style='position: absolute; left: 25.140081027777683%; top: 7.684971637114247%; font-size: 9pt; color: rgba(0,0,0,0.23192869666566762)'>★</div><div style='position: absolute; left: 30.366134511725562%; top: 4.965052603529063%; font-size: 17pt; color: rgba(0,0,0,0.27782660171214213)'>★</div><div style='position: absolute; left: 11.009099365938113%; top: 15.02956862036916%; font-size: 19pt; color: rgba(0,0,0,0.8228449566761737)'>★</div><div style='position: absolute; left: 98.2934854968105%; top: 1.2979135122648255%; font-size: 4pt; color: rgba(0,0,0,0.11169738253881456)'>★</div><div style='position: absolute; left: 70.17332746791467%; top: 0.894991443625881%; font-size: 22pt; color: rgba(0,0,0,0.600860224492661)'>★</div><div style='position: absolute; left: 15.581543939802266%; top: 84.82087012323487%; font-size: 23pt; color: rgba(0,0,0,0.9567592757598781)'>★</div><div style='position: absolute; left: 76.47124327130888%; top: 94.71208930688407%; font-size: 18pt; color: rgba(0,0,0,0.06199029376826326)'>★</div><div style='position: absolute; left: 55.15104313433967%; top: 61.949810848330365%; font-size: 4pt; color: rgba(0,0,0,0.5522945749678768)'>★</div><div style='position: absolute; left: 7.714591857743014%; top: 78.43736474394964%; font-size: 20pt; color: rgba(0,0,0,0.3844631027471359)'>★</div><div style='position: absolute; left: 36.50801529342438%; top: 74.40707155744946%; font-size: 31pt; color: rgba(0,0,0,0.8858755923908124)'>★</div><div style='position: absolute; left: 51.57073234381798%; top: 22.19357091866254%; font-size: 22pt; color: rgba(0,0,0,0.8917611172571148)'>★</div><div style='position: absolute; left: 99.53270032513718%; top: 21.410175205713287%; font-size: 8pt; color: rgba(0,0,0,0.9661080185374175)'>★</div><div style='position: absolute; left: 5.631868938161421%; top: 30.969830809445998%; font-size: 14pt; color: rgba(0,0,0,0.40634045023371146)'>★</div><div style='position: absolute; left: 96.49861889041739%; top: 15.8877726686797%; font-size: 6pt; color: rgba(0,0,0,0.8803305929453035)'>★</div><div style='position: absolute; left: 15.162977914599763%; top: 83.74758204941315%; font-size: 13pt; color: rgba(0,0,0,0.6461352855172966)'>★</div><div style='position: absolute; left: 37.33167509700262%; top: 99.10338598037718%; font-size: 20pt; color: rgba(0,0,0,0.6825204609438279)'>★</div><div style='position: absolute; left: 84.69910013451567%; top: 94.58997363706865%; font-size: 30pt; color: rgba(0,0,0,0.7774561200736605)'>★</div><div style='position: absolute; left: 66.21690802182984%; top: 66.44636468978314%; font-size: 13pt; color: rgba(0,0,0,0.6866369361971124)'>★</div><div style='position: absolute; left: 59.334228611749296%; top: 78.45925974825211%; font-size: 26pt; color: rgba(0,0,0,0.23470965027609747)'>★</div><div style='position: absolute; left: 97.57114777440256%; top: 78.09203614831945%; font-size: 23pt; color: rgba(0,0,0,0.5716620774862502)'>★</div><div style='position: absolute; left: 47.726633531882655%; top: 66.41945022865525%; font-size: 6pt; color: rgba(0,0,0,0.2860602360127472)'>★</div><div style='position: absolute; left: 38.809059278487204%; top: 39.88718849766031%; font-size: 18pt; color: rgba(0,0,0,0.5969911152228656)'>★</div><div style='position: absolute; left: 15.178369023391536%; top: 92.17229936110903%; font-size: 18pt; color: rgba(0,0,0,0.24756112735396296)'>★</div><div style='position: absolute; left: 82.0298189437159%; top: 72.64921716581489%; font-size: 5pt; color: rgba(0,0,0,0.19823618834855272)'>★</div><div style='position: absolute; left: 13.941747802020954%; top: 48.27153465215675%; font-size: 29pt; color: rgba(0,0,0,0.07001364134787713)'>★</div><div style='position: absolute; left: 70.32222758595611%; top: 45.730263983788724%; font-size: 31pt; color: rgba(0,0,0,0.19406915688516413)'>★</div><div style='position: absolute; left: 87.17696112159734%; top: 49.29572167693965%; font-size: 19pt; color: rgba(0,0,0,0.650860031633093)'>★</div><div style='position: absolute; left: 69.4295514386263%; top: 29.86009254901224%; font-size: 23pt; color: rgba(0,0,0,0.6282449937952246)'>★</div><div style='position: absolute; left: 90.47174689837944%; top: 87.37990794097858%; font-size: 26pt; color: rgba(0,0,0,0.9167351898855659)'>★</div><div style='position: absolute; left: 47.26623623978846%; top: 39.1999283213594%; font-size: 28pt; color: rgba(0,0,0,0.19008214660265532)'>★</div><div style='position: absolute; left: 57.041019433810625%; top: 46.03778254909978%; font-size: 11pt; color: rgba(0,0,0,0.792145401564853)'>★</div><div style='position: absolute; left: 20.025726161449477%; top: 69.07888508867978%; font-size: 22pt; color: rgba(0,0,0,0.2310360150277332)'>★</div><div style='position: absolute; left: 57.10414284932438%; top: 32.75048354230715%; font-size: 21pt; color: rgba(0,0,0,0.5884555076408537)'>★</div><div style='position: absolute; left: 36.01707169985126%; top: 83.22574770714903%; font-size: 11pt; color: rgba(0,0,0,0.994110141795314)'>★</div><div style='position: absolute; left: 13.815038705510673%; top: 19.99723194033498%; font-size: 16pt; color: rgba(0,0,0,0.9256958452628351)'>★</div><div style='position: absolute; left: 4.483934679240331%; top: 7.1911575189388515%; font-size: 8pt; color: rgba(0,0,0,0.23388122433212044)'>★</div><div style='position: absolute; left: 46.605877601022705%; top: 1.5362392562938365%; font-size: 21pt; color: rgba(0,0,0,0.18372014309691886)'>★</div><div style='position: absolute; left: 97.83481240503214%; top: 37.65696734749115%; font-size: 27pt; color: rgba(0,0,0,0.7667216260662034)'>★</div><div style='position: absolute; left: 60.92924118109121%; top: 34.37626329581246%; font-size: 5pt; color: rgba(0,0,0,0.41693303109303015)'>★</div><div style='position: absolute; left: 97.6295987671465%; top: 29.23370934708347%; font-size: 17pt; color: rgba(0,0,0,0.5262447861319758)'>★</div><div style='position: absolute; left: 0.1207885441553036%; top: 54.97861184765143%; font-size: 6pt; color: rgba(0,0,0,0.2813980786051774)'>★</div><div style='position: absolute; left: 30.370155734811632%; top: 17.187634230582947%; font-size: 23pt; color: rgba(0,0,0,0.9060598689167357)'>★</div><div style='position: absolute; left: 14.663390742452298%; top: 24.472999688296337%; font-size: 20pt; color: rgba(0,0,0,0.5573767641601283)'>★</div><div style='position: absolute; left: 28.982008144788207%; top: 82.20317673357918%; font-size: 30pt; color: rgba(0,0,0,0.7370010607067716)'>★</div><div style='position: absolute; left: 96.57816230471616%; top: 54.42833945828441%; font-size: 25pt; color: rgba(0,0,0,0.03759897185368821)'>★</div><div style='position: absolute; left: 79.84811642224462%; top: 74.73790995983484%; font-size: 10pt; color: rgba(0,0,0,0.8392271360075615)'>★</div><div style='position: absolute; left: 68.34745643640959%; top: 21.30404194077912%; font-size: 12pt; color: rgba(0,0,0,0.9501262935224192)'>★</div><div style='position: absolute; left: 0.7226384183976808%; top: 42.63875151662299%; font-size: 19pt; color: rgba(0,0,0,0.23512078114122614)'>★</div><div style='position: absolute; left: 41.97084849310562%; top: 86.54880421274319%; font-size: 29pt; color: rgba(0,0,0,0.8144789477537971)'>★</div><div style='position: absolute; left: 20.048619196296524%; top: 28.834422124703696%; font-size: 29pt; color: rgba(0,0,0,0.20707579158275435)'>★</div><div style='position: absolute; left: 47.736103264059295%; top: 15.690127508341922%; font-size: 22pt; color: rgba(0,0,0,0.9844800929486235)'>★</div><div style='position: absolute; left: 17.284856005024363%; top: 95.32019079682344%; font-size: 31pt; color: rgba(0,0,0,0.7476254393725636)'>★</div><div style='position: absolute; left: 75.35622634473513%; top: 46.944194074504374%; font-size: 23pt; color: rgba(0,0,0,0.2854652924874004)'>★</div><div style='position: absolute; left: 98.97469206001107%; top: 85.84798404972534%; font-size: 7pt; color: rgba(0,0,0,0.8683225563271622)'>★</div><div style='position: absolute; left: 36.82518482132212%; top: 55.3438424837462%; font-size: 9pt; color: rgba(0,0,0,0.728464948961223)'>★</div><div style='position: absolute; left: 11.641882136606363%; top: 1.0338933912279802%; font-size: 6pt; color: rgba(0,0,0,0.22828509780598694)'>★</div><div style='position: absolute; left: 52.85848806108441%; top: 73.75647113915151%; font-size: 31pt; color: rgba(0,0,0,0.05889099020495503)'>★</div><div style='position: absolute; left: 6.1133293689542345%; top: 21.100803076799536%; font-size: 24pt; color: rgba(0,0,0,0.5157051382474954)'>★</div><div style='position: absolute; left: 56.691048833984446%; top: 16.108155772123467%; font-size: 12pt; color: rgba(0,0,0,0.4027682175804631)'>★</div><div style='position: absolute; left: 9.896014131940312%; top: 49.881220927372226%; font-size: 16pt; color: rgba(0,0,0,0.5476812576877805)'>★</div><div style='position: absolute; left: 72.71125502439043%; top: 51.75858991922517%; font-size: 30pt; color: rgba(0,0,0,0.5253470641462343)'>★</div><div style='position: absolute; left: 2.671633921401162%; top: 44.241289618432624%; font-size: 10pt; color: rgba(0,0,0,0.2316638850286903)'>★</div><div style='position: absolute; left: 24.29262377282988%; top: 83.53995821355967%; font-size: 8pt; color: rgba(0,0,0,0.26905317716854193)'>★</div><div style='position: absolute; left: 27.822680097681474%; top: 12.016044109241985%; font-size: 15pt; color: rgba(0,0,0,0.29168405176055723)'>★</div><div style='position: absolute; left: 90.29844551659507%; top: 36.071898338937814%; font-size: 8pt; color: rgba(0,0,0,0.5599675839265116)'>★</div><div style='position: absolute; left: 7.996648676887896%; top: 38.76391702610675%; font-size: 20pt; color: rgba(0,0,0,0.07238943743982862)'>★</div><div style='position: absolute; left: 27.70518448319319%; top: 87.99840517178946%; font-size: 30pt; color: rgba(0,0,0,0.5167460432882093)'>★</div><div style='position: absolute; left: 11.107517891053476%; top: 4.730174859885361%; font-size: 28pt; color: rgba(0,0,0,0.23908524501194273)'>★</div><div style='position: absolute; left: 79.62461569483975%; top: 99.23006823985429%; font-size: 6pt; color: rgba(0,0,0,0.7568217154616858)'>★</div><div style='position: absolute; left: 11.570298481771834%; top: 71.41266452716344%; font-size: 13pt; color: rgba(0,0,0,0.8865566648214774)'>★</div><div style='position: absolute; left: 2.9562444070972416%; top: 30.201402060856108%; font-size: 17pt; color: rgba(0,0,0,0.0727807885812809)'>★</div><div style='position: absolute; left: 15.438797097985923%; top: 67.9763228114132%; font-size: 17pt; color: rgba(0,0,0,0.7481383711524558)'>★</div><div style='position: absolute; left: 38.36993477663747%; top: 65.40739216170736%; font-size: 20pt; color: rgba(0,0,0,0.5943573752952135)'>★</div><div style='position: absolute; left: 37.48081689692165%; top: 92.19683226823477%; font-size: 4pt; color: rgba(0,0,0,0.32755625399814314)'>★</div><div style='position: absolute; left: 96.81699403681651%; top: 9.201927060447158%; font-size: 22pt; color: rgba(0,0,0,0.3529841392159311)'>★</div><div style='position: absolute; left: 80.90542895254403%; top: 35.205372238927204%; font-size: 12pt; color: rgba(0,0,0,0.5920207576331766)'>★</div><div style='position: absolute; left: 15.316284392934932%; top: 74.3487046812426%; font-size: 16pt; color: rgba(0,0,0,0.09023005307179166)'>★</div><div style='position: absolute; left: 81.15642208630143%; top: 19.03925652234858%; font-size: 22pt; color: rgba(0,0,0,0.30012872607427576)'>★</div><div style='position: absolute; left: 26.20022464062447%; top: 45.50291032149588%; font-size: 6pt; color: rgba(0,0,0,0.3804468867041172)'>★</div><div style='position: absolute; left: 49.769998390058554%; top: 19.8209083066896%; font-size: 29pt; color: rgba(0,0,0,0.1735762558496151)'>★</div><div style='position: absolute; left: 71.80646496834797%; top: 12.882352948319099%; font-size: 17pt; color: rgba(0,0,0,0.294182744012483)'>★</div><div style='position: absolute; left: 90.95650984378041%; top: 98.37959814351628%; font-size: 31pt; color: rgba(0,0,0,0.6201084888900841)'>★</div><div style='position: absolute; left: 97.14895503395189%; top: 45.32033264287647%; font-size: 11pt; color: rgba(0,0,0,0.9277822431787299)'>★</div><div style='position: absolute; left: 78.63065487028112%; top: 72.33567815901122%; font-size: 9pt; color: rgba(0,0,0,0.4538249370559033)'>★</div><div style='position: absolute; left: 29.1033022929414%; top: 33.32340468324247%; font-size: 9pt; color: rgba(0,0,0,0.9867178776864094)'>★</div><div style='position: absolute; left: 7.187652632929664%; top: 85.14406716292017%; font-size: 14pt; color: rgba(0,0,0,0.22729937063669936)'>★</div><div style='position: absolute; left: 81.27896843890687%; top: 11.436099658041988%; font-size: 11pt; color: rgba(0,0,0,0.7792097171488327)'>★</div><div style='position: absolute; left: 10.168169289641316%; top: 24.908110493439793%; font-size: 10pt; color: rgba(0,0,0,0.8932583056818906)'>★</div><div style='position: absolute; left: 26.690511402299787%; top: 5.610902734572909%; font-size: 31pt; color: rgba(0,0,0,0.7370939642788885)'>★</div><div style='position: absolute; left: 93.87720193320462%; top: 55.434699264037825%; font-size: 25pt; color: rgba(0,0,0,0.09917894828902185)'>★</div><div style='position: absolute; left: 69.50809123411565%; top: 63.95947473261818%; font-size: 31pt; color: rgba(0,0,0,0.37042594094179504)'>★</div><div style='position: absolute; left: 8.580131454413442%; top: 41.5853546797395%; font-size: 21pt; color: rgba(0,0,0,0.6625389860858114)'>★</div><div style='position: absolute; left: 17.037421395248963%; top: 71.5805751170713%; font-size: 26pt; color: rgba(0,0,0,0.5160720279996933)'>★</div><div style='position: absolute; left: 21.484852659132137%; top: 57.36105236244248%; font-size: 25pt; color: rgba(0,0,0,0.9084185677209182)'>★</div><div style='position: absolute; left: 30.172107938020996%; top: 53.5014779254551%; font-size: 5pt; color: rgba(0,0,0,0.8376654997365293)'>★</div><div style='position: absolute; left: 13.044382847987135%; top: 62.24561429671967%; font-size: 28pt; color: rgba(0,0,0,0.524450687960487)'>★</div><div style='position: absolute; left: 62.10130328869658%; top: 79.98553259880724%; font-size: 21pt; color: rgba(0,0,0,0.7487408270561551)'>★</div><div style='position: absolute; left: 9.949360488254078%; top: 40.76849044337525%; font-size: 11pt; color: rgba(0,0,0,0.0905167925163527)'>★</div><div style='position: absolute; left: 87.07774623468983%; top: 53.23441309490606%; font-size: 6pt; color: rgba(0,0,0,0.040130744604403135)'>★</div><div style='position: absolute; left: 10.294571676261576%; top: 10.211992710819661%; font-size: 15pt; color: rgba(0,0,0,0.36678783932615133)'>★</div><div style='position: absolute; left: 57.02831203988274%; top: 33.66766748923921%; font-size: 18pt; color: rgba(0,0,0,0.03751353949978187)'>★</div><div style='position: absolute; left: 70.4398036466278%; top: 12.024947576998846%; font-size: 26pt; color: rgba(0,0,0,0.06558561339769231)'>★</div><div style='position: absolute; left: 22.72400304163995%; top: 4.5344568355315085%; font-size: 31pt; color: rgba(0,0,0,0.44624448501809344)'>★</div><div style='position: absolute; left: 76.70253412019674%; top: 37.67032086589063%; font-size: 4pt; color: rgba(0,0,0,0.6801816594619369)'>★</div><div style='position: absolute; left: 66.08828287019067%; top: 14.026344202591867%; font-size: 30pt; color: rgba(0,0,0,0.06934383915913278)'>★</div><div style='position: absolute; left: 8.330202601964032%; top: 58.70758051944198%; font-size: 5pt; color: rgba(0,0,0,0.3549618050791363)'>★</div><div style='position: absolute; left: 80.3331364474709%; top: 48.87663888433219%; font-size: 22pt; color: rgba(0,0,0,0.9007775803712759)'>★</div><div style='position: absolute; left: 90.25961860519529%; top: 31.49866998665729%; font-size: 18pt; color: rgba(0,0,0,0.7060999182718185)'>★</div><div style='position: absolute; left: 9.067106639349653%; top: 77.8444649944225%; font-size: 7pt; color: rgba(0,0,0,0.5165533924068622)'>★</div><div style='position: absolute; left: 6.593055345417986%; top: 97.07899486077358%; font-size: 19pt; color: rgba(0,0,0,0.9742611283738283)'>★</div><div style='position: absolute; left: 56.357487262192265%; top: 77.94166615264616%; font-size: 19pt; color: rgba(0,0,0,0.2523663748589652)'>★</div><div style='position: absolute; left: 88.47700345667417%; top: 33.93270222708743%; font-size: 6pt; color: rgba(0,0,0,0.6322514855697506)'>★</div><div style='position: absolute; left: 7.739489526549114%; top: 99.04590083896129%; font-size: 26pt; color: rgba(0,0,0,0.31207724730176944)'>★</div><div style='position: absolute; left: 5.448638482071056%; top: 67.03619125166344%; font-size: 24pt; color: rgba(0,0,0,0.7116315194909352)'>★</div><div style='position: absolute; left: 97.62200253196787%; top: 31.998905910216134%; font-size: 12pt; color: rgba(0,0,0,0.37562954041525276)'>★</div><div style='position: absolute; left: 18.277060921077393%; top: 0.8841446044756895%; font-size: 26pt; color: rgba(0,0,0,0.8066365458865301)'>★</div><div style='position: absolute; left: 14.352175220428764%; top: 53.60987375909663%; font-size: 6pt; color: rgba(0,0,0,0.045919851096190456)'>★</div><div style='position: absolute; left: 27.325165432570518%; top: 74.66637921759849%; font-size: 6pt; color: rgba(0,0,0,0.4241341581147554)'>★</div><div style='position: absolute; left: 43.46455077728706%; top: 27.712376849519615%; font-size: 24pt; color: rgba(0,0,0,0.44357734188203446)'>★</div><div style='position: absolute; left: 44.75620472829076%; top: 39.951398568027564%; font-size: 14pt; color: rgba(0,0,0,0.018262025004624483)'>★</div><div style='position: absolute; left: 87.8139856123082%; top: 65.95892097157034%; font-size: 29pt; color: rgba(0,0,0,0.19931943996890267)'>★</div><div style='position: absolute; left: 40.50504766346553%; top: 95.00385061006816%; font-size: 22pt; color: rgba(0,0,0,0.36220240747970933)'>★</div><div style='position: absolute; left: 22.05813719354498%; top: 7.566046896225476%; font-size: 12pt; color: rgba(0,0,0,0.08006983781077648)'>★</div><div style='position: absolute; left: 79.12984727259368%; top: 95.59048395092499%; font-size: 30pt; color: rgba(0,0,0,0.7817460882177506)'>★</div><div style='position: absolute; left: 35.8828124553978%; top: 28.4540470222479%; font-size: 10pt; color: rgba(0,0,0,0.01180585026962766)'>★</div><div style='position: absolute; left: 59.95557061043968%; top: 97.67679518156761%; font-size: 9pt; color: rgba(0,0,0,0.45434147713712447)'>★</div><div style='position: absolute; left: 53.67075338806877%; top: 46.4473521265308%; font-size: 17pt; color: rgba(0,0,0,0.2014982781808522)'>★</div><div style='position: absolute; left: 87.06395001515278%; top: 34.98895329975623%; font-size: 17pt; color: rgba(0,0,0,0.9034557799452481)'>★</div><div style='position: absolute; left: 54.52176614109747%; top: 48.97278264058909%; font-size: 31pt; color: rgba(0,0,0,0.5756237778002029)'>★</div><div style='position: absolute; left: 94.49660886866202%; top: 43.00378042294296%; font-size: 20pt; color: rgba(0,0,0,0.7304487682914894)'>★</div><div style='position: absolute; left: 96.37578737618513%; top: 33.539435930643705%; font-size: 6pt; color: rgba(0,0,0,0.9843877283434386)'>★</div><div style='position: absolute; left: 15.011084975553512%; top: 2.3856804165900747%; font-size: 6pt; color: rgba(0,0,0,0.10633770393458652)'>★</div><div style='position: absolute; left: 22.415486689967%; top: 6.509001293426464%; font-size: 4pt; color: rgba(0,0,0,0.14364210998283755)'>★</div><div style='position: absolute; left: 29.742218049382007%; top: 13.028612783235282%; font-size: 17pt; color: rgba(0,0,0,0.5400043928847086)'>★</div><div style='position: absolute; left: 90.95550499878297%; top: 90.53842536388183%; font-size: 14pt; color: rgba(0,0,0,0.5043319920831334)'>★</div><div style='position: absolute; left: 62.76993052346709%; top: 64.37768407496901%; font-size: 8pt; color: rgba(0,0,0,0.8536939698732974)'>★</div><div style='position: absolute; left: 88.41886710883519%; top: 33.01841992948017%; font-size: 26pt; color: rgba(0,0,0,0.7686977798238331)'>★</div><div style='position: absolute; left: 46.22117716582236%; top: 58.8349857367365%; font-size: 27pt; color: rgba(0,0,0,0.8599958417594651)'>★</div><div style='position: absolute; left: 2.924583470275821%; top: 58.690225495567184%; font-size: 22pt; color: rgba(0,0,0,0.7040835567706164)'>★</div><div style='position: absolute; left: 18.16129367320333%; top: 0.5078429414029584%; font-size: 11pt; color: rgba(0,0,0,0.23129012034231167)'>★</div><div style='position: absolute; left: 44.39629028590291%; top: 74.00373547723939%; font-size: 9pt; color: rgba(0,0,0,0.9605429492506982)'>★</div><div style='position: absolute; left: 95.69478920471798%; top: 84.684080874299%; font-size: 27pt; color: rgba(0,0,0,0.9595045857615041)'>★</div><div style='position: absolute; left: 11.59434559735547%; top: 72.34484171228405%; font-size: 14pt; color: rgba(0,0,0,0.5046842654775493)'>★</div><div style='position: absolute; left: 89.34257600716482%; top: 71.80582827544605%; font-size: 16pt; color: rgba(0,0,0,0.7644866707879918)'>★</div><div style='position: absolute; left: 67.64473379773135%; top: 41.67791733129377%; font-size: 21pt; color: rgba(0,0,0,0.7884034141195099)'>★</div><div style='position: absolute; left: 71.47353495678851%; top: 93.35588271600218%; font-size: 9pt; color: rgba(0,0,0,0.8871915584763518)'>★</div><div style='position: absolute; left: 10.96652039981726%; top: 66.28205102408711%; font-size: 21pt; color: rgba(0,0,0,0.7000431101757619)'>★</div><div style='position: absolute; left: 79.29386077647614%; top: 86.68737381958178%; font-size: 17pt; color: rgba(0,0,0,0.45025217487359037)'>★</div><div style='position: absolute; left: 97.04765070853364%; top: 28.61891077970705%; font-size: 30pt; color: rgba(0,0,0,0.6876842051023379)'>★</div><div style='position: absolute; left: 99.98665688703947%; top: 83.78991335525063%; font-size: 23pt; color: rgba(0,0,0,0.0632778182740712)'>★</div><div style='position: absolute; left: 55.898545579475424%; top: 29.58029296604855%; font-size: 10pt; color: rgba(0,0,0,0.4628181250677462)'>★</div><div style='position: absolute; left: 35.87265550252952%; top: 35.680640399292315%; font-size: 22pt; color: rgba(0,0,0,0.9620416112109352)'>★</div><div style='position: absolute; left: 96.83168872250162%; top: 95.55968938333382%; font-size: 20pt; color: rgba(0,0,0,0.3095454398643289)'>★</div><div style='position: absolute; left: 0.5266924603154366%; top: 99.21266545021727%; font-size: 21pt; color: rgba(0,0,0,0.20260070423622378)'>★</div><div style='position: absolute; left: 52.74513618789537%; top: 53.401061535153914%; font-size: 30pt; color: rgba(0,0,0,0.7147582557909127)'>★</div><div style='position: absolute; left: 51.662863064082345%; top: 20.40647979707878%; font-size: 16pt; color: rgba(0,0,0,0.8815163591036373)'>★</div><div style='position: absolute; left: 67.14733771447138%; top: 89.84628640843468%; font-size: 30pt; color: rgba(0,0,0,0.7825064069637748)'>★</div><div style='position: absolute; left: 78.2077062419274%; top: 32.486912824241266%; font-size: 16pt; color: rgba(0,0,0,0.008514974315722235)'>★</div><div style='position: absolute; left: 10.052705758463388%; top: 55.06338789965467%; font-size: 28pt; color: rgba(0,0,0,0.8920599997297972)'>★</div><div style='position: absolute; left: 88.37509315924507%; top: 1.3499299989182756%; font-size: 18pt; color: rgba(0,0,0,0.05103841001768705)'>★</div><div style='position: absolute; left: 29.102641794326935%; top: 51.59710855170437%; font-size: 16pt; color: rgba(0,0,0,0.7798588626808773)'>★</div><div style='position: absolute; left: 60.46592784972894%; top: 96.96387458720184%; font-size: 20pt; color: rgba(0,0,0,0.06478604131237675)'>★</div><div style='position: absolute; left: 45.33750285573564%; top: 27.292234968727147%; font-size: 13pt; color: rgba(0,0,0,0.23927634175135704)'>★</div><div style='position: absolute; left: 31.633331876515157%; top: 60.305976224000034%; font-size: 9pt; color: rgba(0,0,0,0.8384665335823088)'>★</div><div style='position: absolute; left: 20.281784638252642%; top: 74.90525143547681%; font-size: 24pt; color: rgba(0,0,0,0.521997021635997)'>★</div><div style='position: absolute; left: 56.14706325855045%; top: 80.9543698444235%; font-size: 24pt; color: rgba(0,0,0,0.053827688996293865)'>★</div><div style='position: absolute; left: 41.7844818590743%; top: 33.88625591937302%; font-size: 4pt; color: rgba(0,0,0,0.7915239622951743)'>★</div><div style='position: absolute; left: 22.612382891358042%; top: 17.60939938510404%; font-size: 6pt; color: rgba(0,0,0,0.3691144467512256)'>★</div><div style='position: absolute; left: 50.40357061972981%; top: 58.95319623982225%; font-size: 20pt; color: rgba(0,0,0,0.8196795299850038)'>★</div><div style='position: absolute; left: 7.270011222517603%; top: 76.95063449397512%; font-size: 13pt; color: rgba(0,0,0,0.9630780727983226)'>★</div><div style='position: absolute; left: 98.7917483662704%; top: 84.11511308707493%; font-size: 8pt; color: rgba(0,0,0,0.8983975501456454)'>★</div><div style='position: absolute; left: 61.923370107510976%; top: 52.33080511809802%; font-size: 10pt; color: rgba(0,0,0,0.9924063771567936)'>★</div><div style='position: absolute; left: 6.93441073582719%; top: 76.71713708769394%; font-size: 28pt; color: rgba(0,0,0,0.4002562678982309)'>★</div><div style='position: absolute; left: 5.71161713592555%; top: 72.22620544760946%; font-size: 7pt; color: rgba(0,0,0,0.49742820122621867)'>★</div><div style='position: absolute; left: 92.83855999163916%; top: 54.336744850941955%; font-size: 12pt; color: rgba(0,0,0,0.6885444311835557)'>★</div><div style='position: absolute; left: 71.07236879797442%; top: 5.7478877518575615%; font-size: 12pt; color: rgba(0,0,0,0.22286355781269995)'>★</div><div style='position: absolute; left: 86.58419338351956%; top: 52.20933324399921%; font-size: 19pt; color: rgba(0,0,0,0.8389831779166032)'>★</div><div style='position: absolute; left: 50.945258666422546%; top: 3.7648715292104673%; font-size: 9pt; color: rgba(0,0,0,0.010001931040190981)'>★</div><div style='position: absolute; left: 95.98823400188641%; top: 6.485128651676519%; font-size: 5pt; color: rgba(0,0,0,0.6772131919001975)'>★</div><div style='position: absolute; left: 0.6952819726784853%; top: 15.710766624825434%; font-size: 18pt; color: rgba(0,0,0,0.022697362507430707)'>★</div><div style='position: absolute; left: 4.330024208307082%; top: 26.540795840872867%; font-size: 29pt; color: rgba(0,0,0,0.5973213683031239)'>★</div><div style='position: absolute; left: 33.156564282218504%; top: 4.401789321533234%; font-size: 28pt; color: rgba(0,0,0,0.4903506200325626)'>★</div><div style='position: absolute; left: 86.01918060751628%; top: 75.00310345648%; font-size: 16pt; color: rgba(0,0,0,0.5600877097105206)'>★</div><div style='position: absolute; left: 31.452685555745518%; top: 12.026051258713322%; font-size: 16pt; color: rgba(0,0,0,0.7862577684922769)'>★</div><div style='position: absolute; left: 26.587319875404468%; top: 98.79524015493345%; font-size: 12pt; color: rgba(0,0,0,0.48116304958650524)'>★</div><div style='position: absolute; left: 22.72458646364185%; top: 19.55843674068902%; font-size: 25pt; color: rgba(0,0,0,0.46609381389957005)'>★</div><div style='position: absolute; left: 93.43489956660204%; top: 88.11492045206931%; font-size: 4pt; color: rgba(0,0,0,0.1524660816880815)'>★</div><div style='position: absolute; left: 65.36255532969363%; top: 27.182197429502896%; font-size: 21pt; color: rgba(0,0,0,0.6147267424301557)'>★</div><div style='position: absolute; left: 68.10270639798244%; top: 96.99886383844711%; font-size: 23pt; color: rgba(0,0,0,0.6944951063653372)'>★</div><div style='position: absolute; left: 71.9842951703156%; top: 39.21946887196898%; font-size: 31pt; color: rgba(0,0,0,0.20256974043728926)'>★</div><div style='position: absolute; left: 44.77550844893684%; top: 18.501635364812095%; font-size: 4pt; color: rgba(0,0,0,0.44777125399597684)'>★</div><div style='position: absolute; left: 95.19337267662121%; top: 58.49751244405282%; font-size: 4pt; color: rgba(0,0,0,0.8667806255931451)'>★</div><div style='position: absolute; left: 58.42542438075752%; top: 72.15567740761438%; font-size: 4pt; color: rgba(0,0,0,0.39153968597744593)'>★</div><div style='position: absolute; left: 23.94698861634188%; top: 7.967714210498123%; font-size: 17pt; color: rgba(0,0,0,0.1193042112927385)'>★</div><div style='position: absolute; left: 33.092458463465334%; top: 2.982843481592945%; font-size: 30pt; color: rgba(0,0,0,0.09765261352889265)'>★</div><div style='position: absolute; left: 37.60083484366591%; top: 50.1604289552798%; font-size: 8pt; color: rgba(0,0,0,0.7572098536104157)'>★</div><div style='position: absolute; left: 97.82623285691739%; top: 61.59155267728037%; font-size: 24pt; color: rgba(0,0,0,0.4810225586231549)'>★</div><div style='position: absolute; left: 11.264368783611767%; top: 55.32079146021533%; font-size: 5pt; color: rgba(0,0,0,0.4308413996982652)'>★</div><div style='position: absolute; left: 48.311449899724515%; top: 12.834381967643493%; font-size: 4pt; color: rgba(0,0,0,0.6159920341969484)'>★</div><div style='position: absolute; left: 60.94799507337368%; top: 71.17204193458822%; font-size: 18pt; color: rgba(0,0,0,0.9967689172120605)'>★</div><div style='position: absolute; left: 93.65228301048477%; top: 72.98181076080199%; font-size: 11pt; color: rgba(0,0,0,0.6176729022558104)'>★</div><div style='position: absolute; left: 99.56372069797237%; top: 6.098026070393237%; font-size: 14pt; color: rgba(0,0,0,0.0034593006794888526)'>★</div><div style='position: absolute; left: 97.2296501608666%; top: 30.434436738638638%; font-size: 5pt; color: rgba(0,0,0,0.9810028383772771)'>★</div><div style='position: absolute; left: 68.58161525625856%; top: 71.0716466468858%; font-size: 22pt; color: rgba(0,0,0,0.3884568369311977)'>★</div><div style='position: absolute; left: 63.74540855088031%; top: 61.509979509412894%; font-size: 18pt; color: rgba(0,0,0,0.1628637106752452)'>★</div><div style='position: absolute; left: 38.60864886815942%; top: 4.68387695015352%; font-size: 17pt; color: rgba(0,0,0,0.3178815068327604)'>★</div><div style='position: absolute; left: 32.875280386091866%; top: 90.3894745249358%; font-size: 26pt; color: rgba(0,0,0,0.38840314320589664)'>★</div><div style='position: absolute; left: 19.06949975376304%; top: 45.39649536212209%; font-size: 26pt; color: rgba(0,0,0,0.0948778132287581)'>★</div><div style='position: absolute; left: 96.0137114672213%; top: 67.83916043297388%; font-size: 19pt; color: rgba(0,0,0,0.6475989704958225)'>★</div><div style='position: absolute; left: 55.77262543922903%; top: 88.36385717527727%; font-size: 15pt; color: rgba(0,0,0,0.6922677225040547)'>★</div><div style='position: absolute; left: 69.36827426316412%; top: 54.73057143523866%; font-size: 16pt; color: rgba(0,0,0,0.7501926489669889)'>★</div><div style='position: absolute; left: 78.58479485435166%; top: 44.38360751369137%; font-size: 21pt; color: rgba(0,0,0,0.46490778714553205)'>★</div><div style='position: absolute; left: 27.800421872367696%; top: 78.80454611686494%; font-size: 9pt; color: rgba(0,0,0,0.8336684811972548)'>★</div><div style='position: absolute; left: 53.249943295373136%; top: 1.3682529929078258%; font-size: 29pt; color: rgba(0,0,0,0.05380790419566961)'>★</div><div style='position: absolute; left: 4.890191661500332%; top: 39.64394589137231%; font-size: 6pt; color: rgba(0,0,0,0.6146881170694672)'>★</div><div style='position: absolute; left: 57.48625984877168%; top: 54.924134962946006%; font-size: 19pt; color: rgba(0,0,0,0.04724728884754692)'>★</div><div style='position: absolute; left: 91.30821155092147%; top: 72.14493283848348%; font-size: 17pt; color: rgba(0,0,0,0.3076630033283214)'>★</div><div style='position: absolute; left: 46.63531150448469%; top: 15.382415600121535%; font-size: 20pt; color: rgba(0,0,0,0.8169515071407711)'>★</div><div style='position: absolute; left: 83.1044457797668%; top: 36.28836455919161%; font-size: 21pt; color: rgba(0,0,0,0.6872014636843929)'>★</div><div style='position: absolute; left: 44.85434972529971%; top: 21.531318158305147%; font-size: 15pt; color: rgba(0,0,0,0.8871610910082673)'>★</div><div style='position: absolute; left: 5.663533702331202%; top: 0.33736288382841817%; font-size: 25pt; color: rgba(0,0,0,0.22835563050509533)'>★</div><div style='position: absolute; left: 60.71917863007925%; top: 64.48869295019615%; font-size: 21pt; color: rgba(0,0,0,0.2133571648570698)'>★</div><div style='position: absolute; left: 28.454020574337%; top: 0.04291035092173212%; font-size: 16pt; color: rgba(0,0,0,0.03730468008277743)'>★</div><div style='position: absolute; left: 98.67727680665183%; top: 92.94678563233084%; font-size: 26pt; color: rgba(0,0,0,0.2789423002766942)'>★</div><div style='position: absolute; left: 43.87704246250729%; top: 4.583655369702077%; font-size: 11pt; color: rgba(0,0,0,0.2842961627195888)'>★</div><div style='position: absolute; left: 32.011957153118466%; top: 38.47680343751073%; font-size: 5pt; color: rgba(0,0,0,0.8902977043421297)'>★</div><div style='position: absolute; left: 8.198593513604258%; top: 84.72599065209424%; font-size: 16pt; color: rgba(0,0,0,0.7334386546019647)'>★</div><div style='position: absolute; left: 66.23615627980736%; top: 53.54234828164868%; font-size: 25pt; color: rgba(0,0,0,0.3764681139629713)'>★</div><div style='position: absolute; left: 80.80359914071383%; top: 45.346397694762466%; font-size: 5pt; color: rgba(0,0,0,0.8392377966951882)'>★</div><div style='position: absolute; left: 96.71384257581107%; top: 20.31335211508939%; font-size: 21pt; color: rgba(0,0,0,0.04465523440292307)'>★</div><div style='position: absolute; left: 0.7950911638436864%; top: 43.11882337231746%; font-size: 9pt; color: rgba(0,0,0,0.4235605575445822)'>★</div><div style='position: absolute; left: 60.24870010381349%; top: 52.49372307821494%; font-size: 9pt; color: rgba(0,0,0,0.7433980704407905)'>★</div><div style='position: absolute; left: 2.851416925047323%; top: 80.48139963706828%; font-size: 17pt; color: rgba(0,0,0,0.3260627849987292)'>★</div><div style='position: absolute; left: 69.025176196119%; top: 40.46387843058462%; font-size: 4pt; color: rgba(0,0,0,0.29404528005265473)'>★</div><div style='position: absolute; left: 26.974777779389537%; top: 34.39426493772435%; font-size: 21pt; color: rgba(0,0,0,0.13429816552216556)'>★</div><div style='position: absolute; left: 85.52453386873346%; top: 98.91937307383483%; font-size: 28pt; color: rgba(0,0,0,0.3001144990035124)'>★</div><div style='position: absolute; left: 81.74659838155254%; top: 78.821897138355%; font-size: 27pt; color: rgba(0,0,0,0.2356677302020993)'>★</div><div style='position: absolute; left: 7.356587787135616%; top: 54.85131631626972%; font-size: 22pt; color: rgba(0,0,0,0.19495460978260937)'>★</div><div style='position: absolute; left: 73.08365723232076%; top: 50.57875384036311%; font-size: 30pt; color: rgba(0,0,0,0.5112418057677375)'>★</div><div style='position: absolute; left: 2.6121027971676036%; top: 66.51194801434363%; font-size: 6pt; color: rgba(0,0,0,0.031024600933078683)'>★</div><div style='position: absolute; left: 75.26592616475314%; top: 4.940354059010255%; font-size: 20pt; color: rgba(0,0,0,0.6702411060143917)'>★</div><div style='position: absolute; left: 87.64272229156028%; top: 50.63382651669992%; font-size: 17pt; color: rgba(0,0,0,0.3325180882613932)'>★</div><div style='position: absolute; left: 30.48604975878516%; top: 82.94978901938177%; font-size: 24pt; color: rgba(0,0,0,0.6044647355484194)'>★</div><div style='position: absolute; left: 15.511586534289734%; top: 77.63227856847178%; font-size: 27pt; color: rgba(0,0,0,0.18577499282352739)'>★</div><div style='position: absolute; left: 32.98960712934378%; top: 84.84810709118004%; font-size: 13pt; color: rgba(0,0,0,0.8604610518890843)'>★</div><div style='position: absolute; left: 17.985412976508286%; top: 39.56738271722801%; font-size: 19pt; color: rgba(0,0,0,0.9206780761419384)'>★</div><div style='position: absolute; left: 55.100569995284445%; top: 71.00495056977235%; font-size: 21pt; color: rgba(0,0,0,0.6931554417404621)'>★</div><div style='position: absolute; left: 68.60021865361769%; top: 55.99024361576803%; font-size: 31pt; color: rgba(0,0,0,0.05097638813255967)'>★</div><div style='position: absolute; left: 18.290830047466635%; top: 9.222292179930003%; font-size: 17pt; color: rgba(0,0,0,0.05795884125801831)'>★</div><div style='position: absolute; left: 51.75332099806265%; top: 56.782033054105966%; font-size: 16pt; color: rgba(0,0,0,0.030635336979319194)'>★</div><div style='position: absolute; left: 56.64266287097332%; top: 29.908389135481684%; font-size: 21pt; color: rgba(0,0,0,0.7987560185302927)'>★</div><div style='position: absolute; left: 83.11699733646964%; top: 64.10337262318836%; font-size: 5pt; color: rgba(0,0,0,0.42324843523287103)'>★</div><div style='position: absolute; left: 10.880107755540925%; top: 99.544711130314%; font-size: 24pt; color: rgba(0,0,0,0.7928063398921026)'>★</div><div style='position: absolute; left: 74.37837537685084%; top: 61.02598913285965%; font-size: 19pt; color: rgba(0,0,0,0.9089971877424291)'>★</div><div style='position: absolute; left: 69.97974221046289%; top: 41.588814581783865%; font-size: 14pt; color: rgba(0,0,0,0.42746858856695324)'>★</div><div style='position: absolute; left: 75.67624645006141%; top: 17.435293819445263%; font-size: 24pt; color: rgba(0,0,0,0.08499801152113362)'>★</div><div style='position: absolute; left: 26.356208273745054%; top: 31.1763214942138%; font-size: 10pt; color: rgba(0,0,0,0.8054977145365427)'>★</div><div style='position: absolute; left: 75.95013274003855%; top: 91.26092193855496%; font-size: 9pt; color: rgba(0,0,0,0.24332837678371144)'>★</div><div style='position: absolute; left: 53.78118397472002%; top: 18.728393245993836%; font-size: 10pt; color: rgba(0,0,0,0.5849325143415982)'>★</div><div style='position: absolute; left: 63.60079276653693%; top: 2.9446820577770816%; font-size: 29pt; color: rgba(0,0,0,0.7308724908218421)'>★</div><div style='position: absolute; left: 48.51028324872498%; top: 30.16354866379094%; font-size: 8pt; color: rgba(0,0,0,0.41812769965895036)'>★</div><div style='position: absolute; left: 9.964010013667634%; top: 69.78464077515216%; font-size: 6pt; color: rgba(0,0,0,0.9919495726777137)'>★</div><div style='position: absolute; left: 33.00089490533421%; top: 53.93341420898109%; font-size: 29pt; color: rgba(0,0,0,0.2360875483650785)'>★</div><div style='position: absolute; left: 7.628293914532391%; top: 0.9665244751094426%; font-size: 29pt; color: rgba(0,0,0,0.32078468695687556)'>★</div><div style='position: absolute; left: 25.028338279660666%; top: 82.49455792526724%; font-size: 5pt; color: rgba(0,0,0,0.38886627774429894)'>★</div><div style='position: absolute; left: 38.1599675093767%; top: 37.76508911002866%; font-size: 20pt; color: rgba(0,0,0,0.26009637814485453)'>★</div><div style='position: absolute; left: 32.00466812757931%; top: 84.59262696949517%; font-size: 17pt; color: rgba(0,0,0,0.9589925252982284)'>★</div><div style='position: absolute; left: 29.160177964546506%; top: 44.48056915043208%; font-size: 15pt; color: rgba(0,0,0,0.2004423854068197)'>★</div><div style='position: absolute; left: 29.67010879006329%; top: 53.61355510147205%; font-size: 9pt; color: rgba(0,0,0,0.2952759883985323)'>★</div><div style='position: absolute; left: 66.54110955648915%; top: 93.9364016813079%; font-size: 22pt; color: rgba(0,0,0,0.716708588362555)'>★</div><div style='position: absolute; left: 28.98243491952279%; top: 78.61261349205053%; font-size: 23pt; color: rgba(0,0,0,0.9660597564158974)'>★</div><div style='position: absolute; left: 40.85359535460022%; top: 69.54901507675143%; font-size: 17pt; color: rgba(0,0,0,0.2633398661675025)'>★</div><div style='position: absolute; left: 95.9007264205511%; top: 17.632865096088103%; font-size: 6pt; color: rgba(0,0,0,0.07663478617382435)'>★</div><div style='position: absolute; left: 48.14726134804097%; top: 7.310572050625897%; font-size: 30pt; color: rgba(0,0,0,0.23835176367882005)'>★</div><div style='position: absolute; left: 29.80334243721031%; top: 19.75490906587275%; font-size: 21pt; color: rgba(0,0,0,0.11448738344410914)'>★</div><div style='position: absolute; left: 40.18451602655865%; top: 12.981521347006131%; font-size: 14pt; color: rgba(0,0,0,0.5400208680703886)'>★</div><div style='position: absolute; left: 67.7918323187108%; top: 77.87176361139097%; font-size: 14pt; color: rgba(0,0,0,0.1461159597346231)'>★</div><div style='position: absolute; left: 50.326910602981854%; top: 24.705645921183628%; font-size: 14pt; color: rgba(0,0,0,0.7447064594008913)'>★</div><div style='position: absolute; left: 47.89303156516564%; top: 20.181457596383478%; font-size: 27pt; color: rgba(0,0,0,0.05208127146316954)'>★</div><div style='position: absolute; left: 42.97263858807283%; top: 48.251923179621556%; font-size: 26pt; color: rgba(0,0,0,0.08218952116291267)'>★</div><div style='position: absolute; left: 52.08601371676755%; top: 13.392921643196477%; font-size: 25pt; color: rgba(0,0,0,0.5384376563392297)'>★</div><div style='position: absolute; left: 67.88408566068121%; top: 87.13972590302339%; font-size: 28pt; color: rgba(0,0,0,0.2949337326649407)'>★</div><div style='position: absolute; left: 98.06135464239465%; top: 14.876843758179703%; font-size: 10pt; color: rgba(0,0,0,0.2666784322937107)'>★</div><div style='position: absolute; left: 68.59928788307387%; top: 86.24767269939272%; font-size: 26pt; color: rgba(0,0,0,0.9264960991586316)'>★</div><div style='position: absolute; left: 52.682818423794195%; top: 99.51453737662905%; font-size: 14pt; color: rgba(0,0,0,0.7438969728012343)'>★</div><div style='position: absolute; left: 14.398211718024733%; top: 67.67666923778923%; font-size: 20pt; color: rgba(0,0,0,0.5566650054251459)'>★</div><div style='position: absolute; left: 99.14558918426502%; top: 99.43273245752836%; font-size: 6pt; color: rgba(0,0,0,0.6994377539202133)'>★</div><div style='position: absolute; left: 42.233905263698404%; top: 72.36787687699061%; font-size: 25pt; color: rgba(0,0,0,0.8648131374787621)'>★</div><div style='position: absolute; left: 24.658520871772172%; top: 90.86584187397625%; font-size: 21pt; color: rgba(0,0,0,0.9048657821310282)'>★</div><div style='position: absolute; left: 68.61823482268534%; top: 16.801099833310793%; font-size: 9pt; color: rgba(0,0,0,0.8809637888601203)'>★</div><div style='position: absolute; left: 42.370083234748556%; top: 75.83154388457764%; font-size: 23pt; color: rgba(0,0,0,0.30768016416451116)'>★</div><div style='position: absolute; left: 52.071233642614786%; top: 41.68010880042219%; font-size: 9pt; color: rgba(0,0,0,0.8998370378735786)'>★</div><div style='position: absolute; left: 98.63868635853305%; top: 46.048944392547355%; font-size: 14pt; color: rgba(0,0,0,0.45431534477160274)'>★</div><div style='position: absolute; left: 62.12137259247369%; top: 20.838358413366155%; font-size: 21pt; color: rgba(0,0,0,0.9844980391925652)'>★</div><div style='position: absolute; left: 72.03564882676653%; top: 61.17450359702056%; font-size: 22pt; color: rgba(0,0,0,0.7512299086671008)'>★</div><div style='position: absolute; left: 86.52637439940979%; top: 69.18631234404518%; font-size: 9pt; color: rgba(0,0,0,0.8972109242897828)'>★</div><div style='position: absolute; left: 77.07683994666694%; top: 74.9896191736538%; font-size: 22pt; color: rgba(0,0,0,0.9994566609017678)'>★</div><div style='position: absolute; left: 18.1246447122425%; top: 28.500161359202515%; font-size: 30pt; color: rgba(0,0,0,0.6269059558267321)'>★</div><div style='position: absolute; left: 86.03873724598347%; top: 93.6515478996944%; font-size: 21pt; color: rgba(0,0,0,0.6047073373313281)'>★</div><div style='position: absolute; left: 49.8779956056583%; top: 26.174688301187544%; font-size: 22pt; color: rgba(0,0,0,0.8805015859351005)'>★</div><div style='position: absolute; left: 62.879504730167525%; top: 88.86980583986119%; font-size: 22pt; color: rgba(0,0,0,0.9731082765683252)'>★</div><div style='position: absolute; left: 95.7286234533974%; top: 73.78025745282997%; font-size: 27pt; color: rgba(0,0,0,0.21356627760047464)'>★</div><div style='position: absolute; left: 68.18429975087881%; top: 82.2241257281167%; font-size: 11pt; color: rgba(0,0,0,0.5527367686340056)'>★</div><div style='position: absolute; left: 40.02147558114467%; top: 77.46918032255175%; font-size: 13pt; color: rgba(0,0,0,0.4021467994273342)'>★</div><div style='position: absolute; left: 74.50024742672318%; top: 49.56868187774851%; font-size: 22pt; color: rgba(0,0,0,0.6474147946328985)'>★</div><div style='position: absolute; left: 10.753368485497727%; top: 79.12537279717246%; font-size: 29pt; color: rgba(0,0,0,0.126758329483751)'>★</div><div style='position: absolute; left: 38.419267768001596%; top: 21.840092976015825%; font-size: 9pt; color: rgba(0,0,0,0.8678414959158197)'>★</div><div style='position: absolute; left: 4.864369559996828%; top: 52.33320667092096%; font-size: 19pt; color: rgba(0,0,0,0.02494921682221274)'>★</div><div style='position: absolute; left: 63.11486829440335%; top: 76.7912511398688%; font-size: 13pt; color: rgba(0,0,0,0.8969258512863759)'>★</div><div style='position: absolute; left: 75.76319303771069%; top: 37.65297136724717%; font-size: 10pt; color: rgba(0,0,0,0.7875269945673162)'>★</div><div style='position: absolute; left: 76.1774700509795%; top: 53.29066576413862%; font-size: 13pt; color: rgba(0,0,0,0.177871983836132)'>★</div><div style='position: absolute; left: 27.02329581577153%; top: 28.75754187649052%; font-size: 5pt; color: rgba(0,0,0,0.12269433356420023)'>★</div><div style='position: absolute; left: 59.5127672318946%; top: 81.75282249413112%; font-size: 31pt; color: rgba(0,0,0,0.8009281760216657)'>★</div><div style='position: absolute; left: 29.85575683256506%; top: 42.77949619871858%; font-size: 10pt; color: rgba(0,0,0,0.12882279412811815)'>★</div><div style='position: absolute; left: 49.22595704227343%; top: 19.13400845150256%; font-size: 20pt; color: rgba(0,0,0,0.7335494200466558)'>★</div><div style='position: absolute; left: 20.605109576668255%; top: 27.002626367548277%; font-size: 13pt; color: rgba(0,0,0,0.46837678660337567)'>★</div><div style='position: absolute; left: 25.253827300485344%; top: 72.25130786733632%; font-size: 17pt; color: rgba(0,0,0,0.660548841718983)'>★</div><div style='position: absolute; left: 55.36672755924524%; top: 65.49868000624495%; font-size: 15pt; color: rgba(0,0,0,0.7352657147189667)'>★</div><div style='position: absolute; left: 35.72560744844184%; top: 17.474686061179824%; font-size: 29pt; color: rgba(0,0,0,0.8957728429227286)'>★</div><div style='position: absolute; left: 48.712551984680374%; top: 21.25742254662888%; font-size: 15pt; color: rgba(0,0,0,0.7297927270956129)'>★</div><div style='position: absolute; left: 42.728358791545276%; top: 1.8565874942819138%; font-size: 16pt; color: rgba(0,0,0,0.3756739155695771)'>★</div><div style='position: absolute; left: 81.36858912423834%; top: 91.09368463118602%; font-size: 26pt; color: rgba(0,0,0,0.17514840410621635)'>★</div><div style='position: absolute; left: 94.11471715588151%; top: 87.9200218763704%; font-size: 22pt; color: rgba(0,0,0,0.36222106200374926)'>★</div><div style='position: absolute; left: 92.74049141315933%; top: 76.78194626163463%; font-size: 20pt; color: rgba(0,0,0,0.0450369308408437)'>★</div><div style='position: absolute; left: 48.659528352474446%; top: 19.273157965445087%; font-size: 18pt; color: rgba(0,0,0,0.12985577659229552)'>★</div><div style='position: absolute; left: 31.38165112968281%; top: 30.938690275017798%; font-size: 20pt; color: rgba(0,0,0,0.6222582225419783)'>★</div><div style='position: absolute; left: 50.3268950779266%; top: 49.74010300735874%; font-size: 13pt; color: rgba(0,0,0,0.9844484514727574)'>★</div><div style='position: absolute; left: 39.772964373437645%; top: 47.59704810056413%; font-size: 20pt; color: rgba(0,0,0,0.5009159985787585)'>★</div><div style='position: absolute; left: 98.8035059468893%; top: 14.821415332866895%; font-size: 4pt; color: rgba(0,0,0,0.8029340837701388)'>★</div><div style='position: absolute; left: 56.16755706735033%; top: 56.75070674161401%; font-size: 22pt; color: rgba(0,0,0,0.6806566139808838)'>★</div><div style='position: absolute; left: 73.26921977815%; top: 51.248402989742324%; font-size: 18pt; color: rgba(0,0,0,0.3186898047335627)'>★</div><div style='position: absolute; left: 5.413854613463098%; top: 43.20135710935433%; font-size: 31pt; color: rgba(0,0,0,0.5374327319736781)'>★</div><div style='position: absolute; left: 32.05585712931137%; top: 21.214901271315046%; font-size: 29pt; color: rgba(0,0,0,0.9757856160806961)'>★</div><div style='position: absolute; left: 95.52144336658777%; top: 93.84912691762055%; font-size: 11pt; color: rgba(0,0,0,0.9581245274582713)'>★</div><div style='position: absolute; left: 17.033271726552023%; top: 18.54996996012369%; font-size: 26pt; color: rgba(0,0,0,0.5036065602886295)'>★</div><div style='position: absolute; left: 63.799835371880185%; top: 15.140861858201738%; font-size: 26pt; color: rgba(0,0,0,0.9943788878072044)'>★</div><div style='position: absolute; left: 4.46831988563684%; top: 83.63982453496324%; font-size: 22pt; color: rgba(0,0,0,0.45111987783581753)'>★</div><div style='position: absolute; left: 23.36940577278117%; top: 21.45745889663866%; font-size: 9pt; color: rgba(0,0,0,0.3520608576369937)'>★</div><div style='position: absolute; left: 45.73481866452595%; top: 74.97489998863227%; font-size: 7pt; color: rgba(0,0,0,0.6148154323322041)'>★</div><div style='position: absolute; left: 79.04561352489837%; top: 99.61085215097293%; font-size: 27pt; color: rgba(0,0,0,0.043966062074347834)'>★</div><div style='position: absolute; left: 14.196531273885359%; top: 84.30507089922834%; font-size: 13pt; color: rgba(0,0,0,0.8179162478280793)'>★</div><div style='position: absolute; left: 60.25299921364221%; top: 20.526836963140592%; font-size: 16pt; color: rgba(0,0,0,0.30050701560270443)'>★</div><div style='position: absolute; left: 69.44462803340123%; top: 86.88356764872644%; font-size: 18pt; color: rgba(0,0,0,0.3547193678986623)'>★</div><div style='position: absolute; left: 36.101002402609026%; top: 58.52291849751919%; font-size: 12pt; color: rgba(0,0,0,0.9722264956198995)'>★</div><div style='position: absolute; left: 95.58602849424996%; top: 74.3169875516408%; font-size: 15pt; color: rgba(0,0,0,0.2503406419089298)'>★</div><div style='position: absolute; left: 40.36339512040208%; top: 60.64569742696692%; font-size: 25pt; color: rgba(0,0,0,0.7705461585112084)'>★</div><div style='position: absolute; left: 37.42515627162276%; top: 93.25020859675807%; font-size: 23pt; color: rgba(0,0,0,0.6199885934305669)'>★</div><div style='position: absolute; left: 87.04871198200337%; top: 1.1967936734774365%; font-size: 8pt; color: rgba(0,0,0,0.11679944762570649)'>★</div><div style='position: absolute; left: 53.059990269513925%; top: 23.110340383049422%; font-size: 8pt; color: rgba(0,0,0,0.4387415064435396)'>★</div><div style='position: absolute; left: 79.81773378909239%; top: 17.37225348169529%; font-size: 6pt; color: rgba(0,0,0,0.5517392018533576)'>★</div><div style='position: absolute; left: 14.42287403357032%; top: 35.66925494667706%; font-size: 12pt; color: rgba(0,0,0,0.9174250467190351)'>★</div><div style='position: absolute; left: 69.40601618256125%; top: 54.89046921789866%; font-size: 11pt; color: rgba(0,0,0,0.9175033018466645)'>★</div><div style='position: absolute; left: 78.5154294183093%; top: 28.31264421797681%; font-size: 12pt; color: rgba(0,0,0,0.26426656827387385)'>★</div><div style='position: absolute; left: 20.984803813111508%; top: 9.94300539984475%; font-size: 7pt; color: rgba(0,0,0,0.6212066868092632)'>★</div><div style='position: absolute; left: 24.797060279617998%; top: 55.73834784618806%; font-size: 20pt; color: rgba(0,0,0,0.28715099671326594)'>★</div><div style='position: absolute; left: 97.5619627854374%; top: 46.716548984962635%; font-size: 4pt; color: rgba(0,0,0,0.7391042371119788)'>★</div><div style='position: absolute; left: 96.07546050515123%; top: 87.04837461594815%; font-size: 19pt; color: rgba(0,0,0,0.3062903904444091)'>★</div><div style='position: absolute; left: 25.18851690405246%; top: 28.801548108586296%; font-size: 29pt; color: rgba(0,0,0,0.06253436502516552)'>★</div><div style='position: absolute; left: 19.89322302168146%; top: 13.258347794719683%; font-size: 20pt; color: rgba(0,0,0,0.5087862767291506)'>★</div><div style='position: absolute; left: 48.72215620272834%; top: 56.57088290048393%; font-size: 26pt; color: rgba(0,0,0,0.562623105822496)'>★</div><div style='position: absolute; left: 66.1759922856206%; top: 38.91993475336164%; font-size: 8pt; color: rgba(0,0,0,0.8335155203428689)'>★</div><div style='position: absolute; left: 13.062769381124873%; top: 89.0675779613188%; font-size: 31pt; color: rgba(0,0,0,0.27511071964178646)'>★</div><div style='position: absolute; left: 38.405929280477636%; top: 37.06626478898157%; font-size: 26pt; color: rgba(0,0,0,0.5809194578523993)'>★</div><div style='position: absolute; left: 3.1621325404457723%; top: 48.45038995276356%; font-size: 4pt; color: rgba(0,0,0,0.47193350540154555)'>★</div><div style='position: absolute; left: 61.03907705270951%; top: 31.499407103373155%; font-size: 18pt; color: rgba(0,0,0,0.3068851749174186)'>★</div><div style='position: absolute; left: 98.39894056594423%; top: 62.16456909172151%; font-size: 13pt; color: rgba(0,0,0,0.4558855962874582)'>★</div><div style='position: absolute; left: 67.1877406015359%; top: 98.9842406736117%; font-size: 16pt; color: rgba(0,0,0,0.7997028670963856)'>★</div><div style='position: absolute; left: 77.83464920007673%; top: 5.8579366715918235%; font-size: 20pt; color: rgba(0,0,0,0.11738166013613116)'>★</div><div style='position: absolute; left: 45.13993468690288%; top: 89.05578075770536%; font-size: 11pt; color: rgba(0,0,0,0.3345692465107847)'>★</div><div style='position: absolute; left: 39.78628237923668%; top: 73.44951945263486%; font-size: 21pt; color: rgba(0,0,0,0.002250049254513109)'>★</div><div style='position: absolute; left: 45.59720654179431%; top: 70.1032491024792%; font-size: 11pt; color: rgba(0,0,0,0.16934683798651118)'>★</div><div style='position: absolute; left: 52.437096602554625%; top: 51.372290206117334%; font-size: 17pt; color: rgba(0,0,0,0.529956348640866)'>★</div><div style='position: absolute; left: 24.527430350072787%; top: 64.04326360750554%; font-size: 6pt; color: rgba(0,0,0,0.3708775377362207)'>★</div><div style='position: absolute; left: 69.77643579232019%; top: 82.96656395058133%; font-size: 28pt; color: rgba(0,0,0,0.2938268195467727)'>★</div><div style='position: absolute; left: 69.93388379140795%; top: 67.68384111448462%; font-size: 21pt; color: rgba(0,0,0,0.8995323716580468)'>★</div><div style='position: absolute; left: 84.02509399655442%; top: 29.817369019713524%; font-size: 21pt; color: rgba(0,0,0,0.038061855275072776)'>★</div><div style='position: absolute; left: 72.4214679347888%; top: 18.18010795489541%; font-size: 24pt; color: rgba(0,0,0,0.8528132027438126)'>★</div><div style='position: absolute; left: 74.97255878930386%; top: 59.429277381354474%; font-size: 30pt; color: rgba(0,0,0,0.36006864307635145)'>★</div><div style='position: absolute; left: 68.53259282193717%; top: 43.705482774439645%; font-size: 6pt; color: rgba(0,0,0,0.4458763275733666)'>★</div><div style='position: absolute; left: 81.69320931657347%; top: 96.03917877441202%; font-size: 7pt; color: rgba(0,0,0,0.8108909784477338)'>★</div><div style='position: absolute; left: 3.613197914091848%; top: 1.1220085078165187%; font-size: 7pt; color: rgba(0,0,0,0.551905902561996)'>★</div><div style='position: absolute; left: 95.61402203149754%; top: 46.419610041667944%; font-size: 12pt; color: rgba(0,0,0,0.713564331974852)'>★</div><div style='position: absolute; left: 47.09651667828183%; top: 15.731990250364925%; font-size: 26pt; color: rgba(0,0,0,0.0655870657957246)'>★</div><div style='position: absolute; left: 2.868949882741556%; top: 76.19220557650986%; font-size: 29pt; color: rgba(0,0,0,0.7584036065230502)'>★</div><div style='position: absolute; left: 59.02461897659494%; top: 23.889723982906087%; font-size: 13pt; color: rgba(0,0,0,0.6032958499859261)'>★</div><div style='position: absolute; left: 58.27919209821736%; top: 97.90446072887786%; font-size: 14pt; color: rgba(0,0,0,0.25879495447070844)'>★</div><div style='position: absolute; left: 22.311790783040664%; top: 23.63042755069642%; font-size: 7pt; color: rgba(0,0,0,0.7036040449357412)'>★</div><div style='position: absolute; left: 87.16401953236893%; top: 58.84222734694057%; font-size: 16pt; color: rgba(0,0,0,0.6455007585595604)'>★</div><div style='position: absolute; left: 3.8943866516743197%; top: 21.947799038734004%; font-size: 6pt; color: rgba(0,0,0,0.2780473180294508)'>★</div><div style='position: absolute; left: 84.96341346208396%; top: 67.1921813174385%; font-size: 7pt; color: rgba(0,0,0,0.6859057087411272)'>★</div><div style='position: absolute; left: 60.079829575773026%; top: 23.0363463745238%; font-size: 15pt; color: rgba(0,0,0,0.11545288855438407)'>★</div><div style='position: absolute; left: 2.917372992539413%; top: 41.00846808787782%; font-size: 5pt; color: rgba(0,0,0,0.5448764003129214)'>★</div><div style='position: absolute; left: 4.301855602413407%; top: 23.017174787704285%; font-size: 28pt; color: rgba(0,0,0,0.388711605714555)'>★</div><div style='position: absolute; left: 30.663489935191024%; top: 34.73673965962833%; font-size: 26pt; color: rgba(0,0,0,0.05224115609001223)'>★</div><div style='position: absolute; left: 95.15235062924602%; top: 28.36990086193384%; font-size: 12pt; color: rgba(0,0,0,0.8514304870088059)'>★</div><div style='position: absolute; left: 23.130767869208068%; top: 21.845635774660586%; font-size: 7pt; color: rgba(0,0,0,0.5132998869952139)'>★</div><div style='position: absolute; left: 97.10432913523952%; top: 71.50955481371199%; font-size: 9pt; color: rgba(0,0,0,0.6862680235383767)'>★</div><div style='position: absolute; left: 45.95124277997661%; top: 64.07340929214988%; font-size: 30pt; color: rgba(0,0,0,0.35394112842263326)'>★</div><div style='position: absolute; left: 56.28896424206007%; top: 90.45979822268339%; font-size: 30pt; color: rgba(0,0,0,0.7954339987937077)'>★</div><div style='position: absolute; left: 19.272285680842828%; top: 29.954337196315215%; font-size: 22pt; color: rgba(0,0,0,0.5657700695667165)'>★</div><div style='position: absolute; left: 13.652776846385606%; top: 11.268563374470775%; font-size: 8pt; color: rgba(0,0,0,0.9890551651135719)'>★</div><div style='position: absolute; left: 18.086527277238073%; top: 48.20479113814584%; font-size: 31pt; color: rgba(0,0,0,0.006214536892294342)'>★</div><div style='position: absolute; left: 42.6511470198896%; top: 80.37452501760053%; font-size: 9pt; color: rgba(0,0,0,0.8533130729378544)'>★</div><div style='position: absolute; left: 8.24771223757823%; top: 29.662284666717987%; font-size: 10pt; color: rgba(0,0,0,0.9139491821435889)'>★</div><div style='position: absolute; left: 23.115968268017205%; top: 4.596559459952032%; font-size: 10pt; color: rgba(0,0,0,0.352176553253463)'>★</div><div style='position: absolute; left: 40.06449797533568%; top: 21.594668416789187%; font-size: 22pt; color: rgba(0,0,0,0.5505503209819543)'>★</div><div style='position: absolute; left: 56.931591379302716%; top: 6.156450423819527%; font-size: 15pt; color: rgba(0,0,0,0.1532698720061597)'>★</div><div style='position: absolute; left: 22.93954347517483%; top: 2.1749814208731677%; font-size: 10pt; color: rgba(0,0,0,0.7054595863552076)'>★</div><div style='position: absolute; left: 82.3080134615666%; top: 52.442628406916455%; font-size: 28pt; color: rgba(0,0,0,0.710113325390122)'>★</div><div style='position: absolute; left: 58.434083410964135%; top: 44.29089972266069%; font-size: 8pt; color: rgba(0,0,0,0.016331094541547908)'>★</div><div style='position: absolute; left: 34.95553978210244%; top: 42.75661990491717%; font-size: 19pt; color: rgba(0,0,0,0.278240112354315)'>★</div><div style='position: absolute; left: 66.36889080881778%; top: 9.574621316176868%; font-size: 15pt; color: rgba(0,0,0,0.6869723758688896)'>★</div><div style='position: absolute; left: 96.82237696879119%; top: 50.54730841930848%; font-size: 26pt; color: rgba(0,0,0,0.5860810105452678)'>★</div><div style='position: absolute; left: 38.57550839598952%; top: 51.058119626088484%; font-size: 9pt; color: rgba(0,0,0,0.19955600865122214)'>★</div><div style='position: absolute; left: 99.98339094093195%; top: 62.8029408831364%; font-size: 18pt; color: rgba(0,0,0,0.8812995226827812)'>★</div><div style='position: absolute; left: 93.30973075619335%; top: 51.79044456732178%; font-size: 12pt; color: rgba(0,0,0,0.7111843409801135)'>★</div><div style='position: absolute; left: 5.947444618365905%; top: 89.41993516620082%; font-size: 16pt; color: rgba(0,0,0,0.07989797902649054)'>★</div><div style='position: absolute; left: 86.22882714270676%; top: 32.18461174058025%; font-size: 11pt; color: rgba(0,0,0,0.9727602289807374)'>★</div><div style='position: absolute; left: 61.29960466011637%; top: 38.97802293476994%; font-size: 25pt; color: rgba(0,0,0,0.6504845889933263)'>★</div><div style='position: absolute; left: 0.8586507100308838%; top: 68.38515785966138%; font-size: 6pt; color: rgba(0,0,0,0.36041489194082577)'>★</div><div style='position: absolute; left: 34.63282955319521%; top: 65.285156388214%; font-size: 8pt; color: rgba(0,0,0,0.8582568012873653)'>★</div><div style='position: absolute; left: 80.44418685783197%; top: 45.705782045999655%; font-size: 10pt; color: rgba(0,0,0,0.5662465175119449)'>★</div><div style='position: absolute; left: 21.53051981191394%; top: 18.335188599230346%; font-size: 6pt; color: rgba(0,0,0,0.4364570446832645)'>★</div><div style='position: absolute; left: 1.701191702571292%; top: 89.38258718015233%; font-size: 26pt; color: rgba(0,0,0,0.9670717004213651)'>★</div><div style='position: absolute; left: 80.41758393648955%; top: 16.327672394247685%; font-size: 12pt; color: rgba(0,0,0,0.9143848531375484)'>★</div><div style='position: absolute; left: 10.969639984017077%; top: 36.29861588972366%; font-size: 20pt; color: rgba(0,0,0,0.4337317445919773)'>★</div><div style='position: absolute; left: 56.732579952671905%; top: 21.30001826476825%; font-size: 26pt; color: rgba(0,0,0,0.6479104441472558)'>★</div><div style='position: absolute; left: 46.89500754955487%; top: 36.52935551024672%; font-size: 18pt; color: rgba(0,0,0,0.5136072494205134)'>★</div><div style='position: absolute; left: 8.29515344499181%; top: 86.9141319112782%; font-size: 15pt; color: rgba(0,0,0,0.6112981156160623)'>★</div><div style='position: absolute; left: 62.03888651228944%; top: 63.524089488586114%; font-size: 6pt; color: rgba(0,0,0,0.7440370121923036)'>★</div><div style='position: absolute; left: 24.241788658653373%; top: 47.868631871452315%; font-size: 11pt; color: rgba(0,0,0,0.9586565973998078)'>★</div><div style='position: absolute; left: 42.06113279567574%; top: 8.674499864315344%; font-size: 30pt; color: rgba(0,0,0,0.6998419039971063)'>★</div><div style='position: absolute; left: 56.2500208051753%; top: 16.629808242715384%; font-size: 24pt; color: rgba(0,0,0,0.6829997249555471)'>★</div><div style='position: absolute; left: 42.51005906866939%; top: 80.7459804703138%; font-size: 21pt; color: rgba(0,0,0,0.9601120063705552)'>★</div><div style='position: absolute; left: 59.083756661964784%; top: 23.54608737043147%; font-size: 6pt; color: rgba(0,0,0,0.8601373199598096)'>★</div><div style='position: absolute; left: 13.553378120066595%; top: 55.34961563434771%; font-size: 9pt; color: rgba(0,0,0,0.3194625485439113)'>★</div><div style='position: absolute; left: 12.216408208870122%; top: 59.87348602953261%; font-size: 25pt; color: rgba(0,0,0,0.0640532627457342)'>★</div><div style='position: absolute; left: 28.961145889835727%; top: 10.804538661975982%; font-size: 29pt; color: rgba(0,0,0,0.43792451243827957)'>★</div><div style='position: absolute; left: 35.59682034633258%; top: 99.95778956299219%; font-size: 13pt; color: rgba(0,0,0,0.21525832118930233)'>★</div><div style='position: absolute; left: 14.889850898380319%; top: 85.25483688822699%; font-size: 6pt; color: rgba(0,0,0,0.7053364681704002)'>★</div><div style='position: absolute; left: 55.67632978663436%; top: 10.505546075595129%; font-size: 14pt; color: rgba(0,0,0,0.08733691218911743)'>★</div><div style='position: absolute; left: 79.37382129086588%; top: 9.989100529670303%; font-size: 24pt; color: rgba(0,0,0,0.2650410162295155)'>★</div><div style='position: absolute; left: 6.099919444973445%; top: 72.81215165826214%; font-size: 23pt; color: rgba(0,0,0,0.847447223641072)'>★</div><div style='position: absolute; left: 77.67023280839119%; top: 35.51436049802356%; font-size: 19pt; color: rgba(0,0,0,0.7469944912595852)'>★</div><div style='position: absolute; left: 89.025034572321%; top: 1.0082418879176935%; font-size: 6pt; color: rgba(0,0,0,0.5703651417896368)'>★</div><div style='position: absolute; left: 68.87147933804083%; top: 70.7471548607404%; font-size: 8pt; color: rgba(0,0,0,0.9140047974418344)'>★</div><div style='position: absolute; left: 69.47259750492188%; top: 14.987279521299913%; font-size: 12pt; color: rgba(0,0,0,0.9975341063023634)'>★</div><div style='position: absolute; left: 36.962293877194696%; top: 27.17339723645471%; font-size: 31pt; color: rgba(0,0,0,0.5566127478700719)'>★</div><div style='position: absolute; left: 43.01086731818601%; top: 42.00160507572269%; font-size: 22pt; color: rgba(0,0,0,0.28476579200368834)'>★</div><div style='position: absolute; left: 38.132311638298965%; top: 22.14575072064472%; font-size: 25pt; color: rgba(0,0,0,0.14075267899090294)'>★</div><div style='position: absolute; left: 52.335485711959926%; top: 49.73314408295914%; font-size: 29pt; color: rgba(0,0,0,0.7589504138608547)'>★</div><div style='position: absolute; left: 82.83772156634855%; top: 93.16502011591%; font-size: 25pt; color: rgba(0,0,0,0.6158922366716589)'>★</div><div style='position: absolute; left: 41.64788343490289%; top: 73.26500861791003%; font-size: 10pt; color: rgba(0,0,0,0.7975046479700992)'>★</div><div style='position: absolute; left: 82.93846415675912%; top: 22.78379053558308%; font-size: 26pt; color: rgba(0,0,0,0.399110965608115)'>★</div><div style='position: absolute; left: 89.76311044218545%; top: 50.85284222669322%; font-size: 24pt; color: rgba(0,0,0,0.09725623199556765)'>★</div><div style='position: absolute; left: 40.28184511499079%; top: 57.45582653185244%; font-size: 23pt; color: rgba(0,0,0,0.721884649923726)'>★</div><div style='position: absolute; left: 69.28088145436446%; top: 19.75914872397485%; font-size: 15pt; color: rgba(0,0,0,0.2913580497579351)'>★</div><div style='position: absolute; left: 86.53849150593645%; top: 38.48241727795243%; font-size: 10pt; color: rgba(0,0,0,0.5188695689599059)'>★</div><div style='position: absolute; left: 38.49460648428105%; top: 9.952458513462481%; font-size: 8pt; color: rgba(0,0,0,0.6782475534099821)'>★</div><div style='position: absolute; left: 45.516677514352445%; top: 50.23523778671591%; font-size: 9pt; color: rgba(0,0,0,0.9030574849269287)'>★</div><div style='position: absolute; left: 57.229342618543875%; top: 34.72482031767725%; font-size: 27pt; color: rgba(0,0,0,0.423921825053028)'>★</div><div style='position: absolute; left: 41.098383002117686%; top: 3.9954970123843747%; font-size: 7pt; color: rgba(0,0,0,0.37801447276406897)'>★</div><div style='position: absolute; left: 37.37211190483384%; top: 30.74438053779308%; font-size: 22pt; color: rgba(0,0,0,0.045232345857250666)'>★</div><div style='position: absolute; left: 55.69088244703122%; top: 63.95081881703617%; font-size: 7pt; color: rgba(0,0,0,0.032115470844105154)'>★</div><div style='position: absolute; left: 8.473116861177733%; top: 96.55451797227059%; font-size: 18pt; color: rgba(0,0,0,0.757525510970006)'>★</div><div style='position: absolute; left: 22.746216639116522%; top: 64.03062561689238%; font-size: 24pt; color: rgba(0,0,0,0.9766110062467784)'>★</div><div style='position: absolute; left: 62.68573358730647%; top: 11.242612239515548%; font-size: 26pt; color: rgba(0,0,0,0.36398008433278217)'>★</div><div style='position: absolute; left: 64.32750857116226%; top: 10.494449867753397%; font-size: 21pt; color: rgba(0,0,0,0.4561107120738802)'>★</div><div style='position: absolute; left: 26.803674067531524%; top: 81.76263057330318%; font-size: 25pt; color: rgba(0,0,0,0.6559977683494266)'>★</div><div style='position: absolute; left: 37.863430294652304%; top: 67.26845047043273%; font-size: 17pt; color: rgba(0,0,0,0.42565270030876823)'>★</div><div style='position: absolute; left: 44.18206088665666%; top: 68.65133073171027%; font-size: 8pt; color: rgba(0,0,0,0.6077636797730198)'>★</div><div style='position: absolute; left: 64.44384694760537%; top: 31.219529285678938%; font-size: 16pt; color: rgba(0,0,0,0.2911524478388531)'>★</div><div style='position: absolute; left: 0.7805818675557297%; top: 15.778319610622981%; font-size: 15pt; color: rgba(0,0,0,0.2795420363189203)'>★</div><div style='position: absolute; left: 3.0843658944455954%; top: 39.52280279497491%; font-size: 19pt; color: rgba(0,0,0,0.9556778939001589)'>★</div><div style='position: absolute; left: 11.518580121874978%; top: 73.3346490725627%; font-size: 24pt; color: rgba(0,0,0,0.7967084733731209)'>★</div><div style='position: absolute; left: 89.1719300788484%; top: 46.23468303017029%; font-size: 7pt; color: rgba(0,0,0,0.08967571496029514)'>★</div><div style='position: absolute; left: 48.00916449399415%; top: 22.79257200971524%; font-size: 4pt; color: rgba(0,0,0,0.3326045882803411)'>★</div><div style='position: absolute; left: 59.80045211572914%; top: 8.980651822732867%; font-size: 7pt; color: rgba(0,0,0,0.7703719269481167)'>★</div><div style='position: absolute; left: 92.01774944286913%; top: 98.52075381211984%; font-size: 8pt; color: rgba(0,0,0,0.871743342004645)'>★</div><div style='position: absolute; left: 21.25526434343572%; top: 69.95886478932255%; font-size: 10pt; color: rgba(0,0,0,0.8468322779714988)'>★</div><div style='position: absolute; left: 32.663303428280464%; top: 95.45459244830079%; font-size: 22pt; color: rgba(0,0,0,0.4015841731082257)'>★</div><div style='position: absolute; left: 85.12191128008602%; top: 47.59085593545408%; font-size: 17pt; color: rgba(0,0,0,0.830937266214966)'>★</div><div style='position: absolute; left: 76.09271934515547%; top: 38.08948549089843%; font-size: 31pt; color: rgba(0,0,0,0.08289964181493326)'>★</div><div style='position: absolute; left: 68.8070496786915%; top: 81.83443805204783%; font-size: 14pt; color: rgba(0,0,0,0.48375498500103054)'>★</div><div style='position: absolute; left: 42.28637620731273%; top: 94.39628080304867%; font-size: 29pt; color: rgba(0,0,0,0.38208042294251066)'>★</div><div style='position: absolute; left: 69.96766816782761%; top: 74.12030165415196%; font-size: 21pt; color: rgba(0,0,0,0.2721228971781079)'>★</div><div style='position: absolute; left: 88.2593275537071%; top: 79.90981301138129%; font-size: 13pt; color: rgba(0,0,0,0.5178997244726512)'>★</div><div style='position: absolute; left: 96.5701275933649%; top: 55.109708751629796%; font-size: 13pt; color: rgba(0,0,0,0.3902980122301333)'>★</div><div style='position: absolute; left: 47.991570472015134%; top: 2.856311226479502%; font-size: 23pt; color: rgba(0,0,0,0.8116139312988939)'>★</div><div style='position: absolute; left: 49.45652396502519%; top: 3.0098307543368175%; font-size: 24pt; color: rgba(0,0,0,0.013325785558533365)'>★</div><div style='position: absolute; left: 47.28815154464614%; top: 3.4610382855145727%; font-size: 24pt; color: rgba(0,0,0,0.4145334420705007)'>★</div><div style='position: absolute; left: 36.79867509745821%; top: 80.28302826663982%; font-size: 31pt; color: rgba(0,0,0,0.3155562084446223)'>★</div><div style='position: absolute; left: 50.177162174750265%; top: 85.80521451039525%; font-size: 11pt; color: rgba(0,0,0,0.4628214648998862)'>★</div><div style='position: absolute; left: 53.37391211583047%; top: 76.80325246163483%; font-size: 22pt; color: rgba(0,0,0,0.0286672496720628)'>★</div><div style='position: absolute; left: 86.2504555707265%; top: 48.60947445221668%; font-size: 27pt; color: rgba(0,0,0,0.44583164902295924)'>★</div><div style='position: absolute; left: 8.341714832540248%; top: 89.33268210894207%; font-size: 26pt; color: rgba(0,0,0,0.3885037529853451)'>★</div><div style='position: absolute; left: 2.9991545275159903%; top: 86.52621129015287%; font-size: 27pt; color: rgba(0,0,0,0.32686132091985987)'>★</div><div style='position: absolute; left: 62.91049610146256%; top: 11.986764860728893%; font-size: 15pt; color: rgba(0,0,0,0.16457079687631504)'>★</div><div style='position: absolute; left: 65.3174859969823%; top: 25.963955108947122%; font-size: 11pt; color: rgba(0,0,0,0.2522513583357524)'>★</div><div style='position: absolute; left: 21.95340661380434%; top: 15.117897333284812%; font-size: 5pt; color: rgba(0,0,0,0.45369326891449147)'>★</div><div style='position: absolute; left: 68.29743824260845%; top: 47.59912241217153%; font-size: 22pt; color: rgba(0,0,0,0.952197606151713)'>★</div><div style='position: absolute; left: 52.68418964106728%; top: 83.84200084891036%; font-size: 28pt; color: rgba(0,0,0,0.19879408621262928)'>★</div><div style='position: absolute; left: 96.51741994457312%; top: 66.64774334886853%; font-size: 21pt; color: rgba(0,0,0,0.19381993683396037)'>★</div><div style='position: absolute; left: 92.97738400707838%; top: 73.68086576306547%; font-size: 12pt; color: rgba(0,0,0,0.8788040724229812)'>★</div><div style='position: absolute; left: 29.81096479336006%; top: 6.763023998883611%; font-size: 12pt; color: rgba(0,0,0,0.6193062397437129)'>★</div><div style='position: absolute; left: 31.836448120898396%; top: 17.29125915468861%; font-size: 16pt; color: rgba(0,0,0,0.1465760620272476)'>★</div><div style='position: absolute; left: 13.023897834720033%; top: 37.991585417058836%; font-size: 23pt; color: rgba(0,0,0,0.8395062380351547)'>★</div><div style='position: absolute; left: 97.00453079584312%; top: 80.03483765163858%; font-size: 9pt; color: rgba(0,0,0,0.2612405452601195)'>★</div><div style='position: absolute; left: 59.665302138772724%; top: 4.076601606113394%; font-size: 20pt; color: rgba(0,0,0,0.5079109803596793)'>★</div><div style='position: absolute; left: 1.5840421153618611%; top: 22.022181485780724%; font-size: 25pt; color: rgba(0,0,0,0.41497902772264295)'>★</div><div style='position: absolute; left: 12.41276534339134%; top: 65.16055127057018%; font-size: 24pt; color: rgba(0,0,0,0.12096491237719154)'>★</div><div style='position: absolute; left: 54.99250923211355%; top: 82.15327508064448%; font-size: 28pt; color: rgba(0,0,0,0.10284156118519916)'>★</div><div style='position: absolute; left: 88.77961592663758%; top: 79.21269497565015%; font-size: 25pt; color: rgba(0,0,0,0.015231134853416317)'>★</div><div style='position: absolute; left: 23.503436845073765%; top: 13.46749860076757%; font-size: 26pt; color: rgba(0,0,0,0.09110953745612982)'>★</div><div style='position: absolute; left: 47.51862211655143%; top: 74.38083779691326%; font-size: 7pt; color: rgba(0,0,0,0.178190248229958)'>★</div><div style='position: absolute; left: 40.00947471971303%; top: 64.79008065484446%; font-size: 24pt; color: rgba(0,0,0,0.5022361283331402)'>★</div><div style='position: absolute; left: 59.173854443148635%; top: 96.61405034349801%; font-size: 8pt; color: rgba(0,0,0,0.6742718738902238)'>★</div><div style='position: absolute; left: 11.02374775792333%; top: 33.001178798344036%; font-size: 12pt; color: rgba(0,0,0,0.13110752857479868)'>★</div><div style='position: absolute; left: 72.97728754348874%; top: 86.72283412430968%; font-size: 22pt; color: rgba(0,0,0,0.44965717778559144)'>★</div><div style='position: absolute; left: 20.275844183388248%; top: 51.36340012759339%; font-size: 31pt; color: rgba(0,0,0,0.31181687855830953)'>★</div><div style='position: absolute; left: 96.39568825505037%; top: 92.58217270593528%; font-size: 18pt; color: rgba(0,0,0,0.14334530751209507)'>★</div><div style='position: absolute; left: 80.82006159432666%; top: 71.27478383477123%; font-size: 6pt; color: rgba(0,0,0,0.8140263159732385)'>★</div><div style='position: absolute; left: 96.83829950234212%; top: 99.71737876752607%; font-size: 15pt; color: rgba(0,0,0,0.8354299255895077)'>★</div><div style='position: absolute; left: 98.8625980988256%; top: 9.076336819802766%; font-size: 8pt; color: rgba(0,0,0,0.044823338969854354)'>★</div><div style='position: absolute; left: 95.39044157398801%; top: 2.053101733669216%; font-size: 22pt; color: rgba(0,0,0,0.4131280695321029)'>★</div><div style='position: absolute; left: 79.7632868383535%; top: 86.82294076665332%; font-size: 24pt; color: rgba(0,0,0,0.8994667137956139)'>★</div><div style='position: absolute; left: 95.49309870413171%; top: 7.106927482787217%; font-size: 13pt; color: rgba(0,0,0,0.29779953092226075)'>★</div><div style='position: absolute; left: 61.48944762299884%; top: 61.00041917390679%; font-size: 8pt; color: rgba(0,0,0,0.9373759223860076)'>★</div><div style='position: absolute; left: 6.4991049721779826%; top: 83.14728151182612%; font-size: 9pt; color: rgba(0,0,0,0.31186444736232377)'>★</div><div style='position: absolute; left: 28.91978281165306%; top: 90.94801408851289%; font-size: 22pt; color: rgba(0,0,0,0.858748974872222)'>★</div><div style='position: absolute; left: 21.589009186826345%; top: 95.74075832531148%; font-size: 31pt; color: rgba(0,0,0,0.7583577874352142)'>★</div><div style='position: absolute; left: 14.520474083082568%; top: 28.368580181205928%; font-size: 5pt; color: rgba(0,0,0,0.034107932658088314)'>★</div><div style='position: absolute; left: 81.66416385730145%; top: 22.075231024016094%; font-size: 9pt; color: rgba(0,0,0,0.8243560056951826)'>★</div><div style='position: absolute; left: 36.65693858695186%; top: 88.69200729861602%; font-size: 16pt; color: rgba(0,0,0,0.604362793341992)'>★</div><div style='position: absolute; left: 80.77514549348489%; top: 78.71401994853184%; font-size: 13pt; color: rgba(0,0,0,0.8758626286885647)'>★</div><div style='position: absolute; left: 98.36076728246617%; top: 10.82111248045814%; font-size: 15pt; color: rgba(0,0,0,0.6890518170376683)'>★</div><div style='position: absolute; left: 99.8287009425948%; top: 3.499780757040871%; font-size: 22pt; color: rgba(0,0,0,0.35797574801191656)'>★</div><div style='position: absolute; left: 4.43570501457955%; top: 72.87524773038146%; font-size: 8pt; color: rgba(0,0,0,0.626078887401233)'>★</div><div style='position: absolute; left: 3.884385113934685%; top: 8.86351256102217%; font-size: 9pt; color: rgba(0,0,0,0.8580470506491286)'>★</div><div style='position: absolute; left: 89.63582230131989%; top: 92.56344235293604%; font-size: 26pt; color: rgba(0,0,0,0.28350957591430037)'>★</div><div style='position: absolute; left: 25.36359631593539%; top: 35.48702805462835%; font-size: 5pt; color: rgba(0,0,0,0.3712505288347637)'>★</div><div style='position: absolute; left: 18.199673549127237%; top: 55.83429180954387%; font-size: 4pt; color: rgba(0,0,0,0.2016688097323346)'>★</div><div style='position: absolute; left: 4.214922382052078%; top: 38.558108985758686%; font-size: 10pt; color: rgba(0,0,0,0.9099087470679696)'>★</div><div style='position: absolute; left: 26.72519961865416%; top: 69.65505881252388%; font-size: 27pt; color: rgba(0,0,0,0.7228647346135153)'>★</div><div style='position: absolute; left: 44.50330486610442%; top: 95.51337481103656%; font-size: 6pt; color: rgba(0,0,0,0.16011356005582156)'>★</div><div style='position: absolute; left: 30.815800988134466%; top: 47.170166181374995%; font-size: 19pt; color: rgba(0,0,0,0.9496149854291036)'>★</div><div style='position: absolute; left: 92.61158574316242%; top: 3.762532207580216%; font-size: 8pt; color: rgba(0,0,0,0.48663045957294004)'>★</div><div style='position: absolute; left: 88.55508557858123%; top: 49.793311263793214%; font-size: 14pt; color: rgba(0,0,0,0.8010181731514777)'>★</div><div style='position: absolute; left: 33.374140197225856%; top: 55.44386288531577%; font-size: 28pt; color: rgba(0,0,0,0.9991349049223069)'>★</div><div style='position: absolute; left: 38.34123642291123%; top: 60.49049280976961%; font-size: 31pt; color: rgba(0,0,0,0.8808311291398967)'>★</div><div style='position: absolute; left: 69.7683524587849%; top: 56.01611624388827%; font-size: 4pt; color: rgba(0,0,0,0.8069644563997114)'>★</div><div style='position: absolute; left: 33.493121781693944%; top: 77.90510338392964%; font-size: 11pt; color: rgba(0,0,0,0.8032409755046913)'>★</div><div style='position: absolute; left: 45.5735600009225%; top: 39.87840485279839%; font-size: 11pt; color: rgba(0,0,0,0.06897015403639972)'>★</div><div style='position: absolute; left: 85.23761473314262%; top: 31.418254682284907%; font-size: 14pt; color: rgba(0,0,0,0.43026022452127377)'>★</div><div style='position: absolute; left: 87.522242408673%; top: 84.12071068632248%; font-size: 19pt; color: rgba(0,0,0,0.8426511972842559)'>★</div><div style='position: absolute; left: 54.85932078841653%; top: 45.554808901663215%; font-size: 24pt; color: rgba(0,0,0,0.6296221806017982)'>★</div><div style='position: absolute; left: 65.33460548831354%; top: 89.88570428457376%; font-size: 18pt; color: rgba(0,0,0,0.5345703273079518)'>★</div><div style='position: absolute; left: 36.678609144832144%; top: 9.439885512878021%; font-size: 19pt; color: rgba(0,0,0,0.6763597311390247)'>★</div><div style='position: absolute; left: 6.8005147606103655%; top: 69.57524471116088%; font-size: 21pt; color: rgba(0,0,0,0.7290137056899834)'>★</div><div style='position: absolute; left: 17.559590392428436%; top: 67.98286345022397%; font-size: 26pt; color: rgba(0,0,0,0.887791494365991)'>★</div><div style='position: absolute; left: 97.03372785601691%; top: 60.11051351585445%; font-size: 12pt; color: rgba(0,0,0,0.4976071497427935)'>★</div><div style='position: absolute; left: 64.22447077639836%; top: 98.84181120882195%; font-size: 12pt; color: rgba(0,0,0,0.3236565493880815)'>★</div><div style='position: absolute; left: 61.71428535974298%; top: 52.77047540319868%; font-size: 24pt; color: rgba(0,0,0,0.7189109390311419)'>★</div><div style='position: absolute; left: 56.48878940536206%; top: 24.26572797494716%; font-size: 14pt; color: rgba(0,0,0,0.36956477518804587)'>★</div><div style='position: absolute; left: 10.371947003348382%; top: 5.4651776794954365%; font-size: 19pt; color: rgba(0,0,0,0.6350950145774555)'>★</div><div style='position: absolute; left: 95.32078112085553%; top: 15.022428098417805%; font-size: 11pt; color: rgba(0,0,0,0.44365178412919304)'>★</div><div style='position: absolute; left: 23.913520835977042%; top: 50.384511912227715%; font-size: 6pt; color: rgba(0,0,0,0.4249835041028879)'>★</div><div style='position: absolute; left: 78.17180065831037%; top: 88.65248363456513%; font-size: 21pt; color: rgba(0,0,0,0.4696134185098956)'>★</div><div style='position: absolute; left: 59.575237212059726%; top: 64.19803288200909%; font-size: 10pt; color: rgba(0,0,0,0.17264092800702746)'>★</div><div style='position: absolute; left: 1.5536394330862624%; top: 16.89110007129091%; font-size: 30pt; color: rgba(0,0,0,0.46044730659277955)'>★</div><div style='position: absolute; left: 99.50817210817164%; top: 92.13878477038494%; font-size: 29pt; color: rgba(0,0,0,0.49711281011084907)'>★</div><div style='position: absolute; left: 61.15164217648959%; top: 78.76531887937027%; font-size: 25pt; color: rgba(0,0,0,0.07297400788822284)'>★</div><div style='position: absolute; left: 27.360502051979218%; top: 66.92489401326202%; font-size: 24pt; color: rgba(0,0,0,0.1650382091411936)'>★</div><div style='position: absolute; left: 57.87791801084544%; top: 59.50581247353296%; font-size: 31pt; color: rgba(0,0,0,0.3590037701135741)'>★</div><div style='position: absolute; left: 4.241058753719795%; top: 1.5108267868775505%; font-size: 26pt; color: rgba(0,0,0,0.23067904591158128)'>★</div><div style='position: absolute; left: 59.48873843629073%; top: 43.060554388867054%; font-size: 29pt; color: rgba(0,0,0,0.08621287324695892)'>★</div><div style='position: absolute; left: 36.34840450352076%; top: 38.29839525235764%; font-size: 24pt; color: rgba(0,0,0,0.7884048220308535)'>★</div><div style='position: absolute; left: 17.271927239327887%; top: 38.06700745172922%; font-size: 14pt; color: rgba(0,0,0,0.690045875567056)'>★</div><div style='position: absolute; left: 10.224706766748358%; top: 12.083881780225514%; font-size: 8pt; color: rgba(0,0,0,0.15752687923784137)'>★</div><div style='position: absolute; left: 58.99502469066318%; top: 62.598735499315296%; font-size: 12pt; color: rgba(0,0,0,0.2755153311278491)'>★</div><div style='position: absolute; left: 87.39424279681162%; top: 1.6090898242469454%; font-size: 22pt; color: rgba(0,0,0,0.4357174330398884)'>★</div><div style='position: absolute; left: 0.8402350686777527%; top: 43.95598921731363%; font-size: 6pt; color: rgba(0,0,0,0.439965388676431)'>★</div><div style='position: absolute; left: 17.634748475638574%; top: 49.214756871536636%; font-size: 17pt; color: rgba(0,0,0,0.5717087671065497)'>★</div><div style='position: absolute; left: 4.270078235261221%; top: 68.06908497896548%; font-size: 24pt; color: rgba(0,0,0,0.027145414091490516)'>★</div><div style='position: absolute; left: 63.03995700612729%; top: 42.79252938981565%; font-size: 17pt; color: rgba(0,0,0,0.554624223236047)'>★</div><div style='position: absolute; left: 7.538703828150828%; top: 0.8813584255820239%; font-size: 29pt; color: rgba(0,0,0,0.20059060934735695)'>★</div><div style='position: absolute; left: 93.59188456814277%; top: 34.94917518564436%; font-size: 18pt; color: rgba(0,0,0,0.21489885282016818)'>★</div><div style='position: absolute; left: 2.136944514881589%; top: 85.83773056530435%; font-size: 27pt; color: rgba(0,0,0,0.24848479083189257)'>★</div><div style='position: absolute; left: 79.75291630789457%; top: 34.54952356606364%; font-size: 7pt; color: rgba(0,0,0,0.3050174969066173)'>★</div><div style='position: absolute; left: 8.603134644088783%; top: 76.18192007047949%; font-size: 29pt; color: rgba(0,0,0,0.9934266698805972)'>★</div><div style='position: absolute; left: 81.80481007720887%; top: 7.773345964128319%; font-size: 25pt; color: rgba(0,0,0,0.06799848727122293)'>★</div><div style='position: absolute; left: 47.08178885695607%; top: 24.06057213844185%; font-size: 12pt; color: rgba(0,0,0,0.25621860197968493)'>★</div><div style='position: absolute; left: 31.976790875969662%; top: 80.11233179520633%; font-size: 4pt; color: rgba(0,0,0,0.7334502894741273)'>★</div><div style='position: absolute; left: 74.0388020163466%; top: 73.80303295625433%; font-size: 23pt; color: rgba(0,0,0,0.06729066633962733)'>★</div><div style='position: absolute; left: 10.093683867374349%; top: 70.74903703724266%; font-size: 25pt; color: rgba(0,0,0,0.4513088143631453)'>★</div><div style='position: absolute; left: 44.42198640658367%; top: 26.302396600622934%; font-size: 11pt; color: rgba(0,0,0,0.4171613468536416)'>★</div><div style='position: absolute; left: 8.428603671000623%; top: 99.13309865101571%; font-size: 10pt; color: rgba(0,0,0,0.06467598596323398)'>★</div><div style='position: absolute; left: 40.48658893607369%; top: 19.01832329016504%; font-size: 18pt; color: rgba(0,0,0,0.43098788485415995)'>★</div><div style='position: absolute; left: 34.98787189845627%; top: 56.760654569521705%; font-size: 4pt; color: rgba(0,0,0,0.581922767297546)'>★</div><div style='position: absolute; left: 69.45360755006395%; top: 80.8483064700173%; font-size: 25pt; color: rgba(0,0,0,0.13073266866845124)'>★</div><div style='position: absolute; left: 50.88504732807232%; top: 1.985421969103085%; font-size: 25pt; color: rgba(0,0,0,0.9666737529913518)'>★</div><div style='position: absolute; left: 8.821568841065531%; top: 76.96907358686698%; font-size: 7pt; color: rgba(0,0,0,0.8839473733521761)'>★</div><div style='position: absolute; left: 16.66602556599599%; top: 13.337645125656007%; font-size: 12pt; color: rgba(0,0,0,0.5027974545951786)'>★</div><div style='position: absolute; left: 76.73163319872008%; top: 58.24940158540112%; font-size: 9pt; color: rgba(0,0,0,0.03663226935109154)'>★</div><div style='position: absolute; left: 70.79206422578602%; top: 63.481032607831814%; font-size: 16pt; color: rgba(0,0,0,0.627325949882144)'>★</div><div style='position: absolute; left: 78.46354614286429%; top: 96.30589920506094%; font-size: 9pt; color: rgba(0,0,0,0.2767059332876395)'>★</div><div style='position: absolute; left: 82.26149839243787%; top: 83.12153467309905%; font-size: 26pt; color: rgba(0,0,0,0.23740922224521288)'>★</div><div style='position: absolute; left: 48.89415064177825%; top: 60.06648977602994%; font-size: 23pt; color: rgba(0,0,0,0.46571908066380197)'>★</div><div style='position: absolute; left: 97.66222367300405%; top: 55.395890666232916%; font-size: 23pt; color: rgba(0,0,0,0.7803710727523068)'>★</div><div style='position: absolute; left: 33.35376728511491%; top: 57.8613935867936%; font-size: 30pt; color: rgba(0,0,0,0.5935382341647981)'>★</div><div style='position: absolute; left: 49.75236805885258%; top: 90.4815516801205%; font-size: 31pt; color: rgba(0,0,0,0.5584233239063542)'>★</div><div style='position: absolute; left: 68.61102249045913%; top: 90.4837831546056%; font-size: 6pt; color: rgba(0,0,0,0.1560511462499009)'>★</div><div style='position: absolute; left: 85.13032430151256%; top: 77.87871491352847%; font-size: 24pt; color: rgba(0,0,0,0.9986297946412339)'>★</div><div style='position: absolute; left: 16.02813848370164%; top: 24.392859223457908%; font-size: 12pt; color: rgba(0,0,0,0.27370801001875045)'>★</div><div style='position: absolute; left: 31.467491379018142%; top: 73.87004338057145%; font-size: 4pt; color: rgba(0,0,0,0.48860579494977496)'>★</div><div style='position: absolute; left: 39.15374821537846%; top: 19.763946759447915%; font-size: 24pt; color: rgba(0,0,0,0.06344131512314477)'>★</div><div style='position: absolute; left: 21.352488859352015%; top: 6.693673898949948%; font-size: 10pt; color: rgba(0,0,0,0.21116668224104518)'>★</div><div style='position: absolute; left: 87.31187829850036%; top: 73.77040309023518%; font-size: 5pt; color: rgba(0,0,0,0.4015025942040179)'>★</div><div style='position: absolute; left: 68.09337435394625%; top: 86.65222031190466%; font-size: 17pt; color: rgba(0,0,0,0.1601855307439698)'>★</div><div style='position: absolute; left: 25.13015826986541%; top: 28.60497949395404%; font-size: 6pt; color: rgba(0,0,0,0.2416024607583126)'>★</div><div style='position: absolute; left: 55.401344819105184%; top: 67.11620899176161%; font-size: 6pt; color: rgba(0,0,0,0.8660131110192905)'>★</div><div style='position: absolute; left: 80.08818809497603%; top: 69.81230323732788%; font-size: 27pt; color: rgba(0,0,0,0.9879523468185164)'>★</div><div style='position: absolute; left: 29.1195389208734%; top: 52.26138340146289%; font-size: 11pt; color: rgba(0,0,0,0.7367096772467633)'>★</div><div style='position: absolute; left: 43.84312402282284%; top: 16.99352621241854%; font-size: 7pt; color: rgba(0,0,0,0.7171336637804068)'>★</div><div style='position: absolute; left: 8.523981274830462%; top: 26.135366501334655%; font-size: 12pt; color: rgba(0,0,0,0.3251852098717585)'>★</div><div style='position: absolute; left: 68.49954771897735%; top: 44.08872769207544%; font-size: 27pt; color: rgba(0,0,0,0.6139695550197445)'>★</div><div style='position: absolute; left: 68.23580418173655%; top: 95.5395770672411%; font-size: 11pt; color: rgba(0,0,0,0.5172831562323685)'>★</div><div style='position: absolute; left: 49.15718624793993%; top: 39.03910411017344%; font-size: 7pt; color: rgba(0,0,0,0.10168046619825177)'>★</div><div style='position: absolute; left: 97.71561982384121%; top: 59.42029572421437%; font-size: 15pt; color: rgba(0,0,0,0.6198457608673278)'>★</div><div style='position: absolute; left: 36.28203602332973%; top: 85.20262220098473%; font-size: 16pt; color: rgba(0,0,0,0.8813682348825138)'>★</div><div style='position: absolute; left: 45.289143553334746%; top: 20.463213606338016%; font-size: 14pt; color: rgba(0,0,0,0.6445499429291314)'>★</div><div style='position: absolute; left: 88.2117944747138%; top: 63.039863072344346%; font-size: 6pt; color: rgba(0,0,0,0.3619929020575978)'>★</div><div style='position: absolute; left: 73.6921796565933%; top: 24.857724088851864%; font-size: 18pt; color: rgba(0,0,0,0.1368525747539524)'>★</div><div style='position: absolute; left: 12.525924983184456%; top: 64.1866679381208%; font-size: 9pt; color: rgba(0,0,0,0.6024317827342587)'>★</div><div style='position: absolute; left: 73.35386153198111%; top: 12.26138008447445%; font-size: 26pt; color: rgba(0,0,0,0.4393289493768199)'>★</div><div style='position: absolute; left: 92.55704436354036%; top: 89.56984862005774%; font-size: 24pt; color: rgba(0,0,0,0.8212886298693365)'>★</div><div style='position: absolute; left: 11.382913795652938%; top: 18.922652979892096%; font-size: 25pt; color: rgba(0,0,0,0.7797513831098123)'>★</div><div style='position: absolute; left: 35.3839775270845%; top: 39.31456973521299%; font-size: 18pt; color: rgba(0,0,0,0.6505251593164533)'>★</div><div style='position: absolute; left: 72.87753846315294%; top: 27.912632336018316%; font-size: 19pt; color: rgba(0,0,0,0.36251984861866493)'>★</div><div style='position: absolute; left: 97.84310385125609%; top: 99.09975837049596%; font-size: 25pt; color: rgba(0,0,0,0.7245098572455393)'>★</div><div style='position: absolute; left: 0.1446043951567444%; top: 47.13818073940166%; font-size: 14pt; color: rgba(0,0,0,0.08055556015396148)'>★</div><div style='position: absolute; left: 47.339597437495804%; top: 4.62263923643631%; font-size: 7pt; color: rgba(0,0,0,0.1849752538413496)'>★</div><div style='position: absolute; left: 53.38036753731863%; top: 96.50226296093682%; font-size: 24pt; color: rgba(0,0,0,0.5307137944467702)'>★</div><div style='position: absolute; left: 52.766068273616995%; top: 33.31161383157798%; font-size: 24pt; color: rgba(0,0,0,0.3715594192457007)'>★</div><div style='position: absolute; left: 78.51513128771055%; top: 22.800017126712014%; font-size: 24pt; color: rgba(0,0,0,0.9040582003076553)'>★</div><div style='position: absolute; left: 75.29093366946638%; top: 58.45254581817958%; font-size: 11pt; color: rgba(0,0,0,0.0009145014786648975)'>★</div><div style='position: absolute; left: 21.49804219100687%; top: 57.084615685154326%; font-size: 27pt; color: rgba(0,0,0,0.30753754340223105)'>★</div><div style='position: absolute; left: 40.62505191428997%; top: 21.57399960620865%; font-size: 28pt; color: rgba(0,0,0,0.8784964537730393)'>★</div><div style='position: absolute; left: 22.03408599061456%; top: 12.925941948543018%; font-size: 28pt; color: rgba(0,0,0,0.37922243237564623)'>★</div><div style='position: absolute; left: 63.01328520766071%; top: 78.17045095836318%; font-size: 29pt; color: rgba(0,0,0,0.7845200654921219)'>★</div><div style='position: absolute; left: 30.246066803364858%; top: 60.34903471922153%; font-size: 29pt; color: rgba(0,0,0,0.11751283688092273)'>★</div><div style='position: absolute; left: 2.25371493116443%; top: 31.193727228891298%; font-size: 30pt; color: rgba(0,0,0,0.012098017865134758)'>★</div><div style='position: absolute; left: 30.525174978011925%; top: 54.29065873664876%; font-size: 14pt; color: rgba(0,0,0,0.0854477779231042)'>★</div><div style='position: absolute; left: 10.626690294989938%; top: 65.98890515613893%; font-size: 26pt; color: rgba(0,0,0,0.03117521828152292)'>★</div><div style='position: absolute; left: 94.82891145021154%; top: 50.535002943153486%; font-size: 16pt; color: rgba(0,0,0,0.1822076954669073)'>★</div><div style='position: absolute; left: 90.90991356627421%; top: 65.41084806005665%; font-size: 18pt; color: rgba(0,0,0,0.9548516300611132)'>★</div><div style='position: absolute; left: 41.66797938928527%; top: 63.66026309121365%; font-size: 21pt; color: rgba(0,0,0,0.6234827742623589)'>★</div><div style='position: absolute; left: 96.13163873510332%; top: 23.43245549994054%; font-size: 10pt; color: rgba(0,0,0,0.4476514528944274)'>★</div><div style='position: absolute; left: 26.698583035707024%; top: 54.27012391143573%; font-size: 26pt; color: rgba(0,0,0,0.92169882670218)'>★</div><div style='position: absolute; left: 85.27359085248173%; top: 31.499930120871966%; font-size: 13pt; color: rgba(0,0,0,0.7565553846083058)'>★</div><div style='position: absolute; left: 31.188603073264197%; top: 67.082276149172%; font-size: 31pt; color: rgba(0,0,0,0.7298359748471104)'>★</div><div style='position: absolute; left: 93.46898491265803%; top: 89.50521640862891%; font-size: 11pt; color: rgba(0,0,0,0.7831269652017824)'>★</div><div style='position: absolute; left: 81.77459955744823%; top: 46.65574981691163%; font-size: 26pt; color: rgba(0,0,0,0.47417107582603146)'>★</div><div style='position: absolute; left: 35.3881257805789%; top: 55.811690068960885%; font-size: 19pt; color: rgba(0,0,0,0.31130243122385903)'>★</div><div style='position: absolute; left: 26.524260754263874%; top: 0.8747954409281%; font-size: 29pt; color: rgba(0,0,0,0.7267777459966005)'>★</div><div style='position: absolute; left: 80.37815058492986%; top: 18.80144909178845%; font-size: 11pt; color: rgba(0,0,0,0.25578385173537566)'>★</div><div style='position: absolute; left: 47.85034646592736%; top: 47.021827029649884%; font-size: 18pt; color: rgba(0,0,0,0.47340981499034684)'>★</div><div style='position: absolute; left: 21.823927893086115%; top: 70.91942802351014%; font-size: 16pt; color: rgba(0,0,0,0.5746345328053596)'>★</div><div style='position: absolute; left: 75.81216546785514%; top: 44.25713279371961%; font-size: 10pt; color: rgba(0,0,0,0.05414526156258992)'>★</div><div style='position: absolute; left: 72.1751483583361%; top: 24.92453480016088%; font-size: 17pt; color: rgba(0,0,0,0.5276529760577421)'>★</div><div style='position: absolute; left: 97.81056355795286%; top: 82.18422405411764%; font-size: 17pt; color: rgba(0,0,0,0.18300217967621157)'>★</div><div style='position: absolute; left: 13.74987713242718%; top: 54.74250452509675%; font-size: 5pt; color: rgba(0,0,0,0.8002404021106999)'>★</div><div style='position: absolute; left: 24.332967183615438%; top: 30.060093718413718%; font-size: 8pt; color: rgba(0,0,0,0.5944203464212724)'>★</div><div style='position: absolute; left: 97.26240739881055%; top: 11.941376457700114%; font-size: 30pt; color: rgba(0,0,0,0.3422449812124573)'>★</div><div style='position: absolute; left: 14.580156996680337%; top: 89.81099924047406%; font-size: 10pt; color: rgba(0,0,0,0.5025811263575414)'>★</div><div style='position: absolute; left: 38.87903305738033%; top: 93.83740051005101%; font-size: 4pt; color: rgba(0,0,0,0.7012229429641982)'>★</div><div style='position: absolute; left: 40.05951901991419%; top: 54.68363548161507%; font-size: 28pt; color: rgba(0,0,0,0.24550392679402477)'>★</div><div style='position: absolute; left: 56.06736125100853%; top: 93.80649721796472%; font-size: 10pt; color: rgba(0,0,0,0.6916366268954037)'>★</div><div style='position: absolute; left: 77.48380946796132%; top: 94.33389379930233%; font-size: 24pt; color: rgba(0,0,0,0.9206491005788993)'>★</div><div style='position: absolute; left: 75.74895077314264%; top: 10.149501810264383%; font-size: 11pt; color: rgba(0,0,0,0.20772427463060905)'>★</div><div style='position: absolute; left: 15.706249207314716%; top: 81.19467722796053%; font-size: 7pt; color: rgba(0,0,0,0.01822168059656748)'>★</div><div style='position: absolute; left: 14.989633883986853%; top: 90.36765583350305%; font-size: 23pt; color: rgba(0,0,0,0.43431901443578547)'>★</div><div style='position: absolute; left: 97.08394454632932%; top: 33.96305906600136%; font-size: 27pt; color: rgba(0,0,0,0.9388184965668915)'>★</div><div style='position: absolute; left: 93.58772140285187%; top: 72.99573757880268%; font-size: 11pt; color: rgba(0,0,0,0.7387701948360001)'>★</div><div style='position: absolute; left: 38.50176676665712%; top: 45.97343850446608%; font-size: 25pt; color: rgba(0,0,0,0.9904287049720999)'>★</div><div style='position: absolute; left: 96.56245725111955%; top: 0.5305024398503666%; font-size: 24pt; color: rgba(0,0,0,0.972528178983409)'>★</div><div style='position: absolute; left: 93.49984154965352%; top: 18.369322140368492%; font-size: 14pt; color: rgba(0,0,0,0.9168737925264311)'>★</div><div style='position: absolute; left: 29.2457066822988%; top: 96.74459017746189%; font-size: 31pt; color: rgba(0,0,0,0.9645173228985967)'>★</div><div style='position: absolute; left: 67.52568615040606%; top: 32.7916810878848%; font-size: 30pt; color: rgba(0,0,0,0.07402473383982466)'>★</div><div style='position: absolute; left: 97.0457850139161%; top: 83.59772257581831%; font-size: 8pt; color: rgba(0,0,0,0.6024301446721717)'>★</div><div style='position: absolute; left: 85.53756983819777%; top: 21.64631447058859%; font-size: 9pt; color: rgba(0,0,0,0.02582536003029856)'>★</div><div style='position: absolute; left: 9.047726883356177%; top: 45.27359043216349%; font-size: 8pt; color: rgba(0,0,0,0.11135157752185743)'>★</div><div style='position: absolute; left: 84.61933236967894%; top: 49.47583998611499%; font-size: 4pt; color: rgba(0,0,0,0.26367614231447967)'>★</div><div style='position: absolute; left: 49.88656404288807%; top: 80.23171453443166%; font-size: 29pt; color: rgba(0,0,0,0.8247630553603996)'>★</div><div style='position: absolute; left: 37.42555448691307%; top: 84.59570363583336%; font-size: 30pt; color: rgba(0,0,0,0.7145470613058306)'>★</div><div style='position: absolute; left: 56.409240778447035%; top: 77.4206158059132%; font-size: 13pt; color: rgba(0,0,0,0.024431084342216636)'>★</div><div style='position: absolute; left: 92.46040187174536%; top: 70.82327009287773%; font-size: 9pt; color: rgba(0,0,0,0.6981841675278623)'>★</div><div style='position: absolute; left: 84.79870779073433%; top: 73.43599085994033%; font-size: 23pt; color: rgba(0,0,0,0.872212248759252)'>★</div><div style='position: absolute; left: 16.5437241799241%; top: 56.46778057993328%; font-size: 19pt; color: rgba(0,0,0,0.9204826927836938)'>★</div><div style='position: absolute; left: 49.78946400681619%; top: 61.901512379923275%; font-size: 19pt; color: rgba(0,0,0,0.38589043541202794)'>★</div><div style='position: absolute; left: 55.46704968718641%; top: 28.864481085090965%; font-size: 25pt; color: rgba(0,0,0,0.0038316932365922707)'>★</div><div style='position: absolute; left: 88.77956266649757%; top: 12.985984250082506%; font-size: 28pt; color: rgba(0,0,0,0.6715961690422911)'>★</div><div style='position: absolute; left: 83.2025758657142%; top: 16.39973972420874%; font-size: 29pt; color: rgba(0,0,0,0.6463867370788856)'>★</div><div style='position: absolute; left: 77.36682075830632%; top: 70.81409609118661%; font-size: 30pt; color: rgba(0,0,0,0.6257276004492105)'>★</div><div style='position: absolute; left: 91.70480686347327%; top: 83.98604602085905%; font-size: 11pt; color: rgba(0,0,0,0.7528343627703035)'>★</div><div style='position: absolute; left: 85.22934092949598%; top: 87.39977078518973%; font-size: 13pt; color: rgba(0,0,0,0.08592169961404506)'>★</div><div style='position: absolute; left: 33.46155647457103%; top: 5.121765276648849%; font-size: 12pt; color: rgba(0,0,0,0.2966953262056493)'>★</div><div style='position: absolute; left: 3.9120761352736455%; top: 0.8444185694320927%; font-size: 19pt; color: rgba(0,0,0,0.9563638594087585)'>★</div><div style='position: absolute; left: 63.44583515039246%; top: 25.802193423199082%; font-size: 23pt; color: rgba(0,0,0,0.28650768416632666)'>★</div><div style='position: absolute; left: 67.01227292073784%; top: 43.65015377629932%; font-size: 9pt; color: rgba(0,0,0,0.2489275700027027)'>★</div><div style='position: absolute; left: 84.79742395683209%; top: 14.768141944518476%; font-size: 19pt; color: rgba(0,0,0,0.9317786326320948)'>★</div><div style='position: absolute; left: 92.97411226952316%; top: 66.1681994372663%; font-size: 15pt; color: rgba(0,0,0,0.9273993663205102)'>★</div><div style='position: absolute; left: 80.27618178288184%; top: 0.9834532975950716%; font-size: 6pt; color: rgba(0,0,0,0.8704879426089969)'>★</div><div style='position: absolute; left: 35.616952358020235%; top: 25.50165448682813%; font-size: 31pt; color: rgba(0,0,0,0.1838716308212256)'>★</div><div style='position: absolute; left: 26.8880974885915%; top: 7.202860809464118%; font-size: 4pt; color: rgba(0,0,0,0.40372987315188447)'>★</div><div style='position: absolute; left: 30.399632438467417%; top: 19.58979976021923%; font-size: 28pt; color: rgba(0,0,0,0.6538736482731553)'>★</div><div style='position: absolute; left: 19.75588267326578%; top: 33.21209215412056%; font-size: 12pt; color: rgba(0,0,0,0.572505084177135)'>★</div><div style='position: absolute; left: 44.73786942774064%; top: 2.2677817970626957%; font-size: 17pt; color: rgba(0,0,0,0.25063742216899076)'>★</div><div style='position: absolute; left: 89.31552250532884%; top: 92.5673561951438%; font-size: 31pt; color: rgba(0,0,0,0.8444018911125369)'>★</div><div style='position: absolute; left: 10.789711578073813%; top: 60.28337364902039%; font-size: 27pt; color: rgba(0,0,0,0.8837397255745869)'>★</div><div style='position: absolute; left: 79.23922277729424%; top: 43.538340199981874%; font-size: 16pt; color: rgba(0,0,0,0.647727889401945)'>★</div><div style='position: absolute; left: 74.86338080543929%; top: 67.53601298782756%; font-size: 13pt; color: rgba(0,0,0,0.4359030069643086)'>★</div><div style='position: absolute; left: 91.75002735617849%; top: 13.768609405924614%; font-size: 25pt; color: rgba(0,0,0,0.0612660202711659)'>★</div><div style='position: absolute; left: 89.65928096279299%; top: 79.5621020499615%; font-size: 22pt; color: rgba(0,0,0,0.6573047538482522)'>★</div><div style='position: absolute; left: 90.22972905095087%; top: 78.39119603012387%; font-size: 22pt; color: rgba(0,0,0,0.15907789730998456)'>★</div><div style='position: absolute; left: 55.263197968746304%; top: 59.331442915140755%; font-size: 6pt; color: rgba(0,0,0,0.17551719293805024)'>★</div><div style='position: absolute; left: 78.90605362008569%; top: 46.85794562456395%; font-size: 9pt; color: rgba(0,0,0,0.19921554493319538)'>★</div><div style='position: absolute; left: 54.38055559735177%; top: 92.89818668623072%; font-size: 5pt; color: rgba(0,0,0,0.29979037389161667)'>★</div><div style='position: absolute; left: 23.332547134453897%; top: 92.0662291926726%; font-size: 13pt; color: rgba(0,0,0,0.49009885960627697)'>★</div><div style='position: absolute; left: 64.90290924144408%; top: 37.92119797324758%; font-size: 21pt; color: rgba(0,0,0,0.8649884264976102)'>★</div><div style='position: absolute; left: 68.5989282727952%; top: 70.64159484265143%; font-size: 13pt; color: rgba(0,0,0,0.21392563458935976)'>★</div><div style='position: absolute; left: 83.92382510558205%; top: 51.55379259286563%; font-size: 17pt; color: rgba(0,0,0,0.5081159735823276)'>★</div><div style='position: absolute; left: 87.36964583377232%; top: 84.7906887452377%; font-size: 8pt; color: rgba(0,0,0,0.10452260088163623)'>★</div><div style='position: absolute; left: 65.16687576100176%; top: 24.406335290068693%; font-size: 9pt; color: rgba(0,0,0,0.39722468573693936)'>★</div><div style='position: absolute; left: 41.426964164712544%; top: 53.49348594843229%; font-size: 8pt; color: rgba(0,0,0,0.882337436415407)'>★</div><div style='position: absolute; left: 68.17702756802737%; top: 40.76179355503145%; font-size: 28pt; color: rgba(0,0,0,0.13607072343750326)'>★</div><div style='position: absolute; left: 89.78113933126447%; top: 18.228694194636354%; font-size: 19pt; color: rgba(0,0,0,0.7168396017661437)'>★</div><div style='position: absolute; left: 4.44567089321386%; top: 63.054955045119534%; font-size: 28pt; color: rgba(0,0,0,0.42502309317241693)'>★</div><div style='position: absolute; left: 46.288305086859005%; top: 81.45158687697497%; font-size: 19pt; color: rgba(0,0,0,0.1273073774359753)'>★</div><div style='position: absolute; left: 12.88093371018234%; top: 69.76086427546007%; font-size: 6pt; color: rgba(0,0,0,0.3405542155809794)'>★</div><div style='position: absolute; left: 67.98020220200297%; top: 65.69943212972795%; font-size: 11pt; color: rgba(0,0,0,0.48273813572529545)'>★</div><div style='position: absolute; left: 38.80898253910454%; top: 24.78852340987251%; font-size: 5pt; color: rgba(0,0,0,0.09838772477754909)'>★</div><div style='position: absolute; left: 64.18225592818366%; top: 44.766109957130254%; font-size: 29pt; color: rgba(0,0,0,0.6558624945762409)'>★</div><div style='position: absolute; left: 66.76077776367725%; top: 77.22192768792998%; font-size: 14pt; color: rgba(0,0,0,0.5247329019417762)'>★</div><div style='position: absolute; left: 56.10035608955817%; top: 70.09531800092746%; font-size: 17pt; color: rgba(0,0,0,0.6101238366828361)'>★</div><div style='position: absolute; left: 13.238549472956972%; top: 10.304429243304547%; font-size: 25pt; color: rgba(0,0,0,0.44421770951797546)'>★</div><div style='position: absolute; left: 92.80187970620473%; top: 60.22730587322057%; font-size: 27pt; color: rgba(0,0,0,0.4669781393583736)'>★</div><div style='position: absolute; left: 4.756942021522237%; top: 93.77677284294579%; font-size: 12pt; color: rgba(0,0,0,0.7657964897540952)'>★</div><div style='position: absolute; left: 66.17199457274828%; top: 64.9929654191925%; font-size: 11pt; color: rgba(0,0,0,0.2125029085822504)'>★</div><div style='position: absolute; left: 38.32499544028756%; top: 37.89950812048997%; font-size: 19pt; color: rgba(0,0,0,0.05455691823399744)'>★</div><div style='position: absolute; left: 31.133221469304605%; top: 77.41838596210759%; font-size: 6pt; color: rgba(0,0,0,0.8553032546815315)'>★</div><div style='position: absolute; left: 90.58467018339044%; top: 58.89698618293902%; font-size: 19pt; color: rgba(0,0,0,0.13064349972410028)'>★</div><div style='position: absolute; left: 18.2107000683557%; top: 52.27625031205129%; font-size: 21pt; color: rgba(0,0,0,0.6920109538937209)'>★</div><div style='position: absolute; left: 26.93164962798409%; top: 50.6644992985086%; font-size: 7pt; color: rgba(0,0,0,0.39139039522301067)'>★</div><div style='position: absolute; left: 53.18665138200737%; top: 81.19271489666944%; font-size: 18pt; color: rgba(0,0,0,0.5165421054307725)'>★</div><div style='position: absolute; left: 21.935151215145343%; top: 18.810286804223775%; font-size: 25pt; color: rgba(0,0,0,0.003954242759748872)'>★</div><div style='position: absolute; left: 40.410304115983145%; top: 56.90072625722193%; font-size: 15pt; color: rgba(0,0,0,0.9695063142219273)'>★</div><div style='position: absolute; left: 78.10167063761935%; top: 56.510114845090044%; font-size: 6pt; color: rgba(0,0,0,0.41290034169470125)'>★</div><div style='position: absolute; left: 40.86372947327216%; top: 91.78643673271661%; font-size: 5pt; color: rgba(0,0,0,0.7212608415266821)'>★</div><div style='position: absolute; left: 20.61435603190659%; top: 71.64433099261831%; font-size: 17pt; color: rgba(0,0,0,0.43079554464911085)'>★</div><div style='position: absolute; left: 36.74234366523591%; top: 85.11865132858959%; font-size: 23pt; color: rgba(0,0,0,0.329394627682701)'>★</div><div style='position: absolute; left: 8.936491199839104%; top: 70.49926162627244%; font-size: 15pt; color: rgba(0,0,0,0.0003032884650272516)'>★</div><div style='position: absolute; left: 15.502205149592175%; top: 86.55351923525052%; font-size: 16pt; color: rgba(0,0,0,0.5641446754800384)'>★</div><div style='position: absolute; left: 45.94176187093294%; top: 19.217944459984192%; font-size: 25pt; color: rgba(0,0,0,0.27495838052504906)'>★</div><div style='position: absolute; left: 17.689408315602805%; top: 77.91374908291853%; font-size: 30pt; color: rgba(0,0,0,0.371845486262522)'>★</div><div style='position: absolute; left: 37.884754019544495%; top: 7.729064886714065%; font-size: 19pt; color: rgba(0,0,0,0.6964051410354373)'>★</div><div style='position: absolute; left: 96.41559785739638%; top: 50.25435203149391%; font-size: 23pt; color: rgba(0,0,0,0.818217545732232)'>★</div><div style='position: absolute; left: 65.93971012241217%; top: 68.6902305774559%; font-size: 30pt; color: rgba(0,0,0,0.5258031091118422)'>★</div><div style='position: absolute; left: 74.39492715119717%; top: 27.19736460489084%; font-size: 5pt; color: rgba(0,0,0,0.7536066765330645)'>★</div><div style='position: absolute; left: 26.76512564856468%; top: 31.230613880924373%; font-size: 22pt; color: rgba(0,0,0,0.10441525658013018)'>★</div><div style='position: absolute; left: 57.332666861225675%; top: 11.185809131534386%; font-size: 25pt; color: rgba(0,0,0,0.8114086876018242)'>★</div><div style='position: absolute; left: 95.24970555196374%; top: 51.58382005452913%; font-size: 5pt; color: rgba(0,0,0,0.9626841438537223)'>★</div><div style='position: absolute; left: 72.68464504559073%; top: 53.00806508836568%; font-size: 28pt; color: rgba(0,0,0,0.20758977982196103)'>★</div><div style='position: absolute; left: 99.66783471487584%; top: 61.82741831241283%; font-size: 23pt; color: rgba(0,0,0,0.3375011555597116)'>★</div><div style='position: absolute; left: 27.961280872757964%; top: 38.12282323872096%; font-size: 10pt; color: rgba(0,0,0,0.4303894578403997)'>★</div><div style='position: absolute; left: 7.867957694518468%; top: 2.731185597414143%; font-size: 17pt; color: rgba(0,0,0,0.6995647640286339)'>★</div><div style='position: absolute; left: 78.2682069110781%; top: 19.793085899888453%; font-size: 4pt; color: rgba(0,0,0,0.3145893576730344)'>★</div><div style='position: absolute; left: 54.141598027320356%; top: 34.65470457841925%; font-size: 26pt; color: rgba(0,0,0,0.7919132031517736)'>★</div><div style='position: absolute; left: 9.36414957648195%; top: 99.44434195261937%; font-size: 22pt; color: rgba(0,0,0,0.10737059877069544)'>★</div><div style='position: absolute; left: 63.589207769670395%; top: 98.39658517908573%; font-size: 31pt; color: rgba(0,0,0,0.1822072663710157)'>★</div><div style='position: absolute; left: 62.536656918238585%; top: 72.41669048172106%; font-size: 18pt; color: rgba(0,0,0,0.7784453434699321)'>★</div><div style='position: absolute; left: 1.4894891226967966%; top: 87.29424405614348%; font-size: 14pt; color: rgba(0,0,0,0.8852689580718273)'>★</div><div style='position: absolute; left: 28.439284713926625%; top: 62.65067984995777%; font-size: 19pt; color: rgba(0,0,0,0.8116949872721863)'>★</div><div style='position: absolute; left: 30.621649005108797%; top: 9.211319639976578%; font-size: 15pt; color: rgba(0,0,0,0.9123446056176313)'>★</div><div style='position: absolute; left: 62.01155310352762%; top: 55.54234989146587%; font-size: 15pt; color: rgba(0,0,0,0.069330310065988)'>★</div><div style='position: absolute; left: 23.66056541870506%; top: 9.16083700174104%; font-size: 22pt; color: rgba(0,0,0,0.14803238682442332)'>★</div><div style='position: absolute; left: 28.54945775809644%; top: 18.889829957352887%; font-size: 9pt; color: rgba(0,0,0,0.04917176404951995)'>★</div><div style='position: absolute; left: 49.08480969520114%; top: 31.8704973014713%; font-size: 8pt; color: rgba(0,0,0,0.5129834124111974)'>★</div><div style='position: absolute; left: 19.41332694278428%; top: 51.30730486168935%; font-size: 17pt; color: rgba(0,0,0,0.7114282727748272)'>★</div><div style='position: absolute; left: 80.09917357116223%; top: 49.516992524934764%; font-size: 13pt; color: rgba(0,0,0,0.8560125443687474)'>★</div><div style='position: absolute; left: 40.74890805744032%; top: 74.98859592265103%; font-size: 11pt; color: rgba(0,0,0,0.2835085756831862)'>★</div><div style='position: absolute; left: 65.26234132450055%; top: 61.94335465964731%; font-size: 20pt; color: rgba(0,0,0,0.415816695817653)'>★</div><div style='position: absolute; left: 29.932261640418155%; top: 63.096861323675114%; font-size: 5pt; color: rgba(0,0,0,0.5854945873510535)'>★</div><div style='position: absolute; left: 75.6608681851855%; top: 15.820863428808485%; font-size: 23pt; color: rgba(0,0,0,0.5185398959836092)'>★</div><div style='position: absolute; left: 25.9508144416144%; top: 86.68936333527844%; font-size: 28pt; color: rgba(0,0,0,0.06367218935055508)'>★</div><div style='position: absolute; left: 76.90295720667139%; top: 59.449064979430524%; font-size: 18pt; color: rgba(0,0,0,0.3332052961437598)'>★</div><div style='position: absolute; left: 75.62134510674122%; top: 92.00100961621533%; font-size: 31pt; color: rgba(0,0,0,0.41426518784097843)'>★</div><div style='position: absolute; left: 9.082859164627466%; top: 82.00199741243871%; font-size: 18pt; color: rgba(0,0,0,0.7782509163618173)'>★</div><div style='position: absolute; left: 70.05793658320958%; top: 53.29971864726149%; font-size: 11pt; color: rgba(0,0,0,0.5984453189675661)'>★</div><div style='position: absolute; left: 54.881900835816154%; top: 97.2899280161019%; font-size: 12pt; color: rgba(0,0,0,0.16346691557947668)'>★</div><div style='position: absolute; left: 68.05839280483038%; top: 78.53022142410296%; font-size: 9pt; color: rgba(0,0,0,0.46505485825225)'>★</div><div style='position: absolute; left: 57.7636338685803%; top: 38.48620139665471%; font-size: 14pt; color: rgba(0,0,0,0.9640772109958364)'>★</div><div style='position: absolute; left: 42.86672748923539%; top: 83.28324877152959%; font-size: 12pt; color: rgba(0,0,0,0.23823735579504024)'>★</div><div style='position: absolute; left: 61.97538550698306%; top: 29.839212741249455%; font-size: 18pt; color: rgba(0,0,0,0.8921888663294413)'>★</div><div style='position: absolute; left: 64.45812187333406%; top: 94.79683433271433%; font-size: 5pt; color: rgba(0,0,0,0.6616266042599378)'>★</div><div style='position: absolute; left: 65.77145665419228%; top: 47.446219301650004%; font-size: 18pt; color: rgba(0,0,0,0.8253939489567924)'>★</div><div style='position: absolute; left: 74.9253305669405%; top: 93.03330609842898%; font-size: 4pt; color: rgba(0,0,0,0.6352996613502737)'>★</div><div style='position: absolute; left: 48.9082001654215%; top: 75.09346265631969%; font-size: 8pt; color: rgba(0,0,0,0.7895067568928088)'>★</div><div style='position: absolute; left: 66.98120141549445%; top: 23.818292778229655%; font-size: 18pt; color: rgba(0,0,0,0.3424162325055482)'>★</div><div style='position: absolute; left: 32.21318840666807%; top: 39.09258394946764%; font-size: 30pt; color: rgba(0,0,0,0.3482958879507685)'>★</div><div style='position: absolute; left: 6.671505710250658%; top: 23.17750762588634%; font-size: 25pt; color: rgba(0,0,0,0.3655728812772946)'>★</div><div style='position: absolute; left: 85.29602273209223%; top: 76.73292567022243%; font-size: 12pt; color: rgba(0,0,0,0.9964466081941968)'>★</div><div style='position: absolute; left: 21.340857040942417%; top: 73.95940497796552%; font-size: 10pt; color: rgba(0,0,0,0.9478479089182045)'>★</div><div style='position: absolute; left: 7.102334773390395%; top: 26.33839721460822%; font-size: 24pt; color: rgba(0,0,0,0.6001492943621382)'>★</div><div style='position: absolute; left: 13.467152592591125%; top: 26.511817692660156%; font-size: 11pt; color: rgba(0,0,0,0.21033391098759857)'>★</div><div style='position: absolute; left: 5.286413633062914%; top: 69.8887792726659%; font-size: 17pt; color: rgba(0,0,0,0.10385793194033333)'>★</div><div style='position: absolute; left: 41.50165196617455%; top: 9.463182637475054%; font-size: 17pt; color: rgba(0,0,0,0.8181211271856594)'>★</div><div style='position: absolute; left: 53.748305545262454%; top: 92.88275696456655%; font-size: 14pt; color: rgba(0,0,0,0.9715618308699675)'>★</div><div style='position: absolute; left: 11.42394805558734%; top: 3.325426048007585%; font-size: 11pt; color: rgba(0,0,0,0.07833093220288112)'>★</div><div style='position: absolute; left: 68.43315043593617%; top: 5.180615783971243%; font-size: 6pt; color: rgba(0,0,0,0.9472921207920071)'>★</div><div style='position: absolute; left: 99.6865954537271%; top: 25.871191051759425%; font-size: 18pt; color: rgba(0,0,0,0.3578460959861257)'>★</div><div style='position: absolute; left: 35.079651854376806%; top: 5.861484612268864%; font-size: 13pt; color: rgba(0,0,0,0.28443917988061684)'>★</div><div style='position: absolute; left: 20.67890084882992%; top: 34.97264485022286%; font-size: 25pt; color: rgba(0,0,0,0.9769371091002562)'>★</div><div style='position: absolute; left: 17.977408098529867%; top: 15.55375264161193%; font-size: 9pt; color: rgba(0,0,0,0.9185796657276771)'>★</div><div style='position: absolute; left: 56.514970253062515%; top: 51.528775496399085%; font-size: 8pt; color: rgba(0,0,0,0.7584705985733797)'>★</div><div style='position: absolute; left: 24.472462502557235%; top: 88.88238017802723%; font-size: 29pt; color: rgba(0,0,0,0.27341926278382156)'>★</div><div style='position: absolute; left: 34.11458697462471%; top: 29.80074779773929%; font-size: 11pt; color: rgba(0,0,0,0.32333423921287463)'>★</div><div style='position: absolute; left: 87.9058046545329%; top: 42.26973956590915%; font-size: 21pt; color: rgba(0,0,0,0.9682783588128838)'>★</div><div style='position: absolute; left: 20.639518811373502%; top: 87.08066039341082%; font-size: 19pt; color: rgba(0,0,0,0.6992575552269418)'>★</div><div style='position: absolute; left: 13.988516194915801%; top: 78.81629102449106%; font-size: 4pt; color: rgba(0,0,0,0.6249023768703208)'>★</div><div style='position: absolute; left: 64.5824218609704%; top: 45.93871439393049%; font-size: 6pt; color: rgba(0,0,0,0.2381045476508734)'>★</div><div style='position: absolute; left: 98.29260056000373%; top: 52.83369297764583%; font-size: 27pt; color: rgba(0,0,0,0.7180597308014964)'>★</div><div style='position: absolute; left: 7.548523037182486%; top: 40.03335889896017%; font-size: 27pt; color: rgba(0,0,0,0.948406014623416)'>★</div><div style='position: absolute; left: 80.01559540460364%; top: 18.153497145036233%; font-size: 17pt; color: rgba(0,0,0,0.9223595841362654)'>★</div><div style='position: absolute; left: 96.76711263386663%; top: 71.02335809786021%; font-size: 22pt; color: rgba(0,0,0,0.36827662575064957)'>★</div><div style='position: absolute; left: 94.82698984543725%; top: 87.42189246424635%; font-size: 10pt; color: rgba(0,0,0,0.7140719582092909)'>★</div><div style='position: absolute; left: 26.26251649094541%; top: 93.25413941577784%; font-size: 28pt; color: rgba(0,0,0,0.33420672144290087)'>★</div><div style='position: absolute; left: 16.71329444706785%; top: 57.39102460221369%; font-size: 13pt; color: rgba(0,0,0,0.42782303771992936)'>★</div><div style='position: absolute; left: 43.10023858617472%; top: 70.40370718384774%; font-size: 31pt; color: rgba(0,0,0,0.9968044585796189)'>★</div><div style='position: absolute; left: 54.517052557564526%; top: 0.7803531707776368%; font-size: 19pt; color: rgba(0,0,0,0.7325388381502124)'>★</div><div style='position: absolute; left: 70.46059220713653%; top: 25.66930337531643%; font-size: 14pt; color: rgba(0,0,0,0.7415277908377813)'>★</div><div style='position: absolute; left: 92.8198110401687%; top: 47.641012533119756%; font-size: 23pt; color: rgba(0,0,0,0.17091814805562622)'>★</div><div style='position: absolute; left: 49.994051114647%; top: 73.4257491767675%; font-size: 8pt; color: rgba(0,0,0,0.1736904505083381)'>★</div><div style='position: absolute; left: 82.74481831000945%; top: 46.625817782427056%; font-size: 17pt; color: rgba(0,0,0,0.22113500293735)'>★</div><div style='position: absolute; left: 10.879643529781491%; top: 89.34538601958238%; font-size: 22pt; color: rgba(0,0,0,0.806781931147073)'>★</div><div style='position: absolute; left: 75.50840040962042%; top: 35.58495410728657%; font-size: 4pt; color: rgba(0,0,0,0.959366253228996)'>★</div><div style='position: absolute; left: 32.010229154037376%; top: 84.75394934206896%; font-size: 13pt; color: rgba(0,0,0,0.2720513299951589)'>★</div><div style='position: absolute; left: 61.59312622818619%; top: 70.08734230213967%; font-size: 9pt; color: rgba(0,0,0,0.28557629838040277)'>★</div><div style='position: absolute; left: 98.99749670528361%; top: 13.316849581869782%; font-size: 13pt; color: rgba(0,0,0,0.8226458159372103)'>★</div><div style='position: absolute; left: 86.39240358975204%; top: 78.90666600323877%; font-size: 9pt; color: rgba(0,0,0,0.5158640174665404)'>★</div><div style='position: absolute; left: 14.372488464995037%; top: 22.87751499397587%; font-size: 17pt; color: rgba(0,0,0,0.08461957082391569)'>★</div><div style='position: absolute; left: 68.77215004298685%; top: 63.171529018164975%; font-size: 15pt; color: rgba(0,0,0,0.5921370417700687)'>★</div><div style='position: absolute; left: 57.248477131731846%; top: 93.7113917941548%; font-size: 27pt; color: rgba(0,0,0,0.49004798155421136)'>★</div><div style='position: absolute; left: 66.95023619489899%; top: 20.679926360245247%; font-size: 21pt; color: rgba(0,0,0,0.09706009772924296)'>★</div><div style='position: absolute; left: 26.871194624837933%; top: 38.930096945499805%; font-size: 21pt; color: rgba(0,0,0,0.07125110803350065)'>★</div><div style='position: absolute; left: 91.68792277328876%; top: 35.53372733193817%; font-size: 20pt; color: rgba(0,0,0,0.281657261538633)'>★</div><div style='position: absolute; left: 63.21118543639983%; top: 34.96092765416162%; font-size: 26pt; color: rgba(0,0,0,0.830220848787694)'>★</div><div style='position: absolute; left: 46.10780000274969%; top: 8.791998155248205%; font-size: 4pt; color: rgba(0,0,0,0.9676166082692662)'>★</div><div style='position: absolute; left: 98.07269280449422%; top: 24.473639877922636%; font-size: 21pt; color: rgba(0,0,0,0.9827340856033662)'>★</div><div style='position: absolute; left: 70.87834443945874%; top: 72.06896151609712%; font-size: 22pt; color: rgba(0,0,0,0.6549511383397936)'>★</div><div style='position: absolute; left: 89.15117427548674%; top: 56.943576062588875%; font-size: 31pt; color: rgba(0,0,0,0.44522742344472777)'>★</div><div style='position: absolute; left: 22.852474068107743%; top: 12.700360166885682%; font-size: 16pt; color: rgba(0,0,0,0.3221062785783362)'>★</div><div style='position: absolute; left: 77.7819010020733%; top: 2.263105827732481%; font-size: 23pt; color: rgba(0,0,0,0.3757611689997292)'>★</div><div style='position: absolute; left: 6.325788300752821%; top: 31.54111827423153%; font-size: 21pt; color: rgba(0,0,0,0.5754423948168609)'>★</div><div style='position: absolute; left: 56.69208556354847%; top: 18.7039998877767%; font-size: 12pt; color: rgba(0,0,0,0.0036878574622272176)'>★</div><div style='position: absolute; left: 59.43377357196874%; top: 24.294660985062134%; font-size: 30pt; color: rgba(0,0,0,0.3527593223055152)'>★</div><div style='position: absolute; left: 77.75413744683057%; top: 38.74238998666508%; font-size: 14pt; color: rgba(0,0,0,0.4221089014141266)'>★</div><div style='position: absolute; left: 67.9392726852851%; top: 17.721852905573677%; font-size: 9pt; color: rgba(0,0,0,0.4503769184733343)'>★</div><div style='position: absolute; left: 90.92521684592725%; top: 12.985912198870297%; font-size: 17pt; color: rgba(0,0,0,0.09514724223491522)'>★</div><div style='position: absolute; left: 3.626187531318803%; top: 84.53702897388787%; font-size: 23pt; color: rgba(0,0,0,0.7359470571587877)'>★</div><div style='position: absolute; left: 75.76902364934638%; top: 57.372477193531616%; font-size: 30pt; color: rgba(0,0,0,0.7610412848201811)'>★</div><div style='position: absolute; left: 52.86196939822617%; top: 7.278566865865588%; font-size: 30pt; color: rgba(0,0,0,0.7492306549598826)'>★</div><div style='position: absolute; left: 25.727786495537675%; top: 90.74981826743817%; font-size: 31pt; color: rgba(0,0,0,0.2932465801625207)'>★</div><div style='position: absolute; left: 41.96797269764837%; top: 24.04105436926811%; font-size: 15pt; color: rgba(0,0,0,0.5342016070905082)'>★</div><div style='position: absolute; left: 39.264223748629036%; top: 17.98546917881385%; font-size: 16pt; color: rgba(0,0,0,0.5906291677081166)'>★</div><div style='position: absolute; left: 82.72328507433222%; top: 34.559055365307934%; font-size: 25pt; color: rgba(0,0,0,0.46482861600754255)'>★</div><div style='position: absolute; left: 61.173311830462666%; top: 19.096061510390548%; font-size: 13pt; color: rgba(0,0,0,0.8327380618134457)'>★</div><div style='position: absolute; left: 14.843742959925999%; top: 59.87585202159106%; font-size: 18pt; color: rgba(0,0,0,0.4139100115588875)'>★</div><div style='position: absolute; left: 24.848305172347672%; top: 49.011399902650396%; font-size: 19pt; color: rgba(0,0,0,0.19167283030562732)'>★</div><div style='position: absolute; left: 45.866210845390896%; top: 15.47987181020627%; font-size: 14pt; color: rgba(0,0,0,0.1524515970075767)'>★</div><div style='position: absolute; left: 76.2789667085674%; top: 87.60309163335498%; font-size: 14pt; color: rgba(0,0,0,0.8624546056647987)'>★</div><div style='position: absolute; left: 67.79087850067815%; top: 45.11013760302066%; font-size: 7pt; color: rgba(0,0,0,0.6522209366336613)'>★</div><div style='position: absolute; left: 32.94748648554023%; top: 8.756093568545442%; font-size: 6pt; color: rgba(0,0,0,0.6651161899222844)'>★</div><div style='position: absolute; left: 2.2126964383455516%; top: 99.15023249630232%; font-size: 27pt; color: rgba(0,0,0,0.3956386211880051)'>★</div><div style='position: absolute; left: 0.44505759209623186%; top: 14.548823635979202%; font-size: 22pt; color: rgba(0,0,0,0.5722010852101194)'>★</div><div style='position: absolute; left: 42.50662553121531%; top: 82.92311609768458%; font-size: 7pt; color: rgba(0,0,0,0.10250573268179075)'>★</div><div style='position: absolute; left: 60.06069307003364%; top: 64.49952543335132%; font-size: 15pt; color: rgba(0,0,0,0.5375163198417124)'>★</div><div style='position: absolute; left: 39.0787784968326%; top: 84.22329376297428%; font-size: 26pt; color: rgba(0,0,0,0.2721581728522223)'>★</div><div style='position: absolute; left: 50.65304211145097%; top: 81.40354636460964%; font-size: 11pt; color: rgba(0,0,0,0.26457229656293135)'>★</div><div style='position: absolute; left: 34.01131436058918%; top: 70.42166663421673%; font-size: 5pt; color: rgba(0,0,0,0.6415225150426398)'>★</div><div style='position: absolute; left: 52.74904100412776%; top: 66.3045220134255%; font-size: 30pt; color: rgba(0,0,0,0.6347940406018059)'>★</div><div style='position: absolute; left: 63.49609362450644%; top: 91.9841695364054%; font-size: 30pt; color: rgba(0,0,0,0.17186930558809044)'>★</div><div style='position: absolute; left: 82.25183670865962%; top: 23.155630864268772%; font-size: 13pt; color: rgba(0,0,0,0.43365728820172933)'>★</div><div style='position: absolute; left: 40.496420411341504%; top: 34.97689083246578%; font-size: 24pt; color: rgba(0,0,0,0.41182130273133866)'>★</div><div style='position: absolute; left: 25.016918706867376%; top: 42.372787533958785%; font-size: 10pt; color: rgba(0,0,0,0.6874465953013549)'>★</div><div style='position: absolute; left: 62.65853810509915%; top: 26.636566556415488%; font-size: 8pt; color: rgba(0,0,0,0.18234945316950235)'>★</div><div style='position: absolute; left: 24.096023578725433%; top: 91.67459585282323%; font-size: 26pt; color: rgba(0,0,0,0.259722467533233)'>★</div><div style='position: absolute; left: 4.25077393905161%; top: 68.1478488004743%; font-size: 29pt; color: rgba(0,0,0,0.07904090572398892)'>★</div><div style='position: absolute; left: 51.4216620728162%; top: 85.5752759990588%; font-size: 28pt; color: rgba(0,0,0,0.9946111080546328)'>★</div><div style='position: absolute; left: 13.91422444281969%; top: 71.99318630483276%; font-size: 9pt; color: rgba(0,0,0,0.9723605868047205)'>★</div><div style='position: absolute; left: 29.55495446762776%; top: 94.61579932346196%; font-size: 5pt; color: rgba(0,0,0,0.7293625530711958)'>★</div><div style='position: absolute; left: 93.57985351395772%; top: 12.87987352237372%; font-size: 10pt; color: rgba(0,0,0,0.16712381024891265)'>★</div><div style='position: absolute; left: 92.03097731960123%; top: 23.66719903509401%; font-size: 17pt; color: rgba(0,0,0,0.6274999608437063)'>★</div><div style='position: absolute; left: 6.590003791792586%; top: 82.37800482571492%; font-size: 26pt; color: rgba(0,0,0,0.030416922938184765)'>★</div><div style='position: absolute; left: 0.08424514219257384%; top: 40.193351607080416%; font-size: 25pt; color: rgba(0,0,0,0.7322320858543767)'>★</div><div style='position: absolute; left: 3.3586596783752976%; top: 71.28029007218359%; font-size: 8pt; color: rgba(0,0,0,0.6158337691020856)'>★</div><div style='position: absolute; left: 59.56912308379593%; top: 49.17116488027209%; font-size: 27pt; color: rgba(0,0,0,0.5574775966481726)'>★</div><div style='position: absolute; left: 11.166048061556333%; top: 12.532498384207946%; font-size: 29pt; color: rgba(0,0,0,0.34236804675567123)'>★</div><div style='position: absolute; left: 48.384717316993346%; top: 5.620847596034428%; font-size: 10pt; color: rgba(0,0,0,0.04153677843288739)'>★</div><div style='position: absolute; left: 50.06520684640928%; top: 16.61319911161835%; font-size: 15pt; color: rgba(0,0,0,0.28493057413427647)'>★</div><div style='position: absolute; left: 25.544815875987968%; top: 37.692521491739896%; font-size: 19pt; color: rgba(0,0,0,0.21642705815421936)'>★</div><div style='position: absolute; left: 52.30596794470631%; top: 79.12416679429707%; font-size: 19pt; color: rgba(0,0,0,0.20847385467157398)'>★</div><div style='position: absolute; left: 28.098840287320282%; top: 88.06346866632568%; font-size: 31pt; color: rgba(0,0,0,0.3899397917150095)'>★</div><div style='position: absolute; left: 30.53675371892681%; top: 46.11729050482841%; font-size: 8pt; color: rgba(0,0,0,0.19860356232613396)'>★</div><div style='position: absolute; left: 94.72728157366416%; top: 24.443911761534487%; font-size: 5pt; color: rgba(0,0,0,0.15631136528459222)'>★</div><div style='position: absolute; left: 74.10114718815508%; top: 69.98110160609512%; font-size: 23pt; color: rgba(0,0,0,0.8079349682501078)'>★</div><div style='position: absolute; left: 25.479730534930223%; top: 59.686465265159214%; font-size: 13pt; color: rgba(0,0,0,0.2291262438278614)'>★</div><div style='position: absolute; left: 1.6867421020174023%; top: 48.301727520324%; font-size: 12pt; color: rgba(0,0,0,0.7780213288772854)'>★</div><div style='position: absolute; left: 67.63384201319344%; top: 13.276619447941407%; font-size: 21pt; color: rgba(0,0,0,0.5083675220079555)'>★</div><div style='position: absolute; left: 90.89376260447213%; top: 37.9595398414511%; font-size: 5pt; color: rgba(0,0,0,0.011041900330101218)'>★</div><div style='position: absolute; left: 24.66152113762199%; top: 1.254328083620504%; font-size: 26pt; color: rgba(0,0,0,0.3360363269826063)'>★</div><div style='position: absolute; left: 44.04320182397361%; top: 27.548922738883263%; font-size: 8pt; color: rgba(0,0,0,0.1313586490652615)'>★</div><div style='position: absolute; left: 85.23985571394594%; top: 45.499640212520674%; font-size: 6pt; color: rgba(0,0,0,0.602583408688653)'>★</div><div style='position: absolute; left: 77.07545566336836%; top: 83.88492376852336%; font-size: 14pt; color: rgba(0,0,0,0.09482865073518876)'>★</div><div style='position: absolute; left: 24.72272896929685%; top: 71.15085091335766%; font-size: 23pt; color: rgba(0,0,0,0.649465520766283)'>★</div><div style='position: absolute; left: 85.30797288640447%; top: 61.56961418072932%; font-size: 28pt; color: rgba(0,0,0,0.4248810988519599)'>★</div><div style='position: absolute; left: 62.7362488576448%; top: 7.173341312029269%; font-size: 12pt; color: rgba(0,0,0,0.0023353067739598776)'>★</div><div style='position: absolute; left: 65.2649527227395%; top: 30.936068913187988%; font-size: 26pt; color: rgba(0,0,0,0.057888797471405073)'>★</div><div style='position: absolute; left: 75.74971748112205%; top: 84.20457975088846%; font-size: 27pt; color: rgba(0,0,0,0.7829948732155642)'>★</div><div style='position: absolute; left: 43.543678974336544%; top: 30.89451781715884%; font-size: 6pt; color: rgba(0,0,0,0.06542922154357245)'>★</div><div style='position: absolute; left: 29.790909413525135%; top: 31.308702774582553%; font-size: 19pt; color: rgba(0,0,0,0.9246119687877578)'>★</div><div style='position: absolute; left: 45.01173409373931%; top: 47.099167265764684%; font-size: 27pt; color: rgba(0,0,0,0.06824498881163854)'>★</div><div style='position: absolute; left: 1.616487277050993%; top: 86.79751547697664%; font-size: 16pt; color: rgba(0,0,0,0.14340038406881572)'>★</div><div style='position: absolute; left: 28.25366602056356%; top: 81.18133606576365%; font-size: 6pt; color: rgba(0,0,0,0.2716839909460539)'>★</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "[Here's a good list of CSS properties to try out](https://htmldog.com/references/css/properties/), broken down by category."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Div-making, simplified\n",
    "\n",
    "Since we're mostly working with absolutely-positioned `<div>`s with inline styles, I wrote a function below that wraps the `<div>`-making process. The first parameter is the `<div>`'s content, and the remaining named parameters are interpreted as CSS properties to insert into an inline style. If a `position` attribute isn't already specified, it sets it to `absolute`:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {},
   "outputs": [],
   "source": [
    "def mkdiv(content, **kwargs):\n",
    "    if 'position' not in kwargs:\n",
    "        kwargs['position'] = 'absolute'\n",
    "    style_str = ' '.join([\": \".join((k.replace('_', '-'), v))+\";\" for k, v in kwargs.items()])\n",
    "    return f\"<div style='{style_str}'>{content}</div>\""
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Here's the function in action:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "\"<div style='top: 50%; left: 50%; font-family: Helvetica; position: absolute;'>hello</div>\""
      ]
     },
     "execution_count": 15,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "mkdiv(\"hello\", top=\"50%\", left=\"50%\", font_family=\"Helvetica\")"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Python lets you write keyword arguments on separate lines, so you can format this nicely in your notebook like so:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<div style='top: 50%; left: 50%; font-family: Helvetica; position: absolute;'>nice!</div>\n"
     ]
    }
   ],
   "source": [
    "my_fun_div = mkdiv(\"nice!\",\n",
    "                   top=\"50%\",\n",
    "                   left=\"50%\",\n",
    "                   font_family=\"Helvetica\")\n",
    "print(my_fun_div)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Note that Python keyword arguments can't contain hyphens (`-`). But lots of CSS properties have hyphens! When calling the `mkdiv` function, specify these instead with underscores (`_`), as I did with `font_family` in the example above."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Positioning around the center\n",
    "\n",
    "If you're sharp-eyed, you might notice that there are stars overlapping the right and bottom edges of the window in the above example, but not the left and top edges. This is because the `top` and `left` CSS properties set the position of the `<div>` according to its top left corner (i.e., the top left corner of the div will be positioned at the given coordinates, with the rest of the div to the right and below). You can also use `bottom` instead of `top` and `right` instead of `left`, as illustrated in the following example:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>Positioning</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 50%; left: 50%; font-size: 72pt; border: 1px black solid; position: absolute;'>lights</div><div style='bottom: 50%; left: 50%; font-size: 72pt; border: 2px cyan solid; position: absolute;'>lights</div><div style='bottom: 50%; right: 50%; font-size: 72pt; border: 3px blue solid; position: absolute;'>lights</div><div style='top: 50%; right: 50%; font-size: 72pt; border: 4px red solid; position: absolute;'>lights</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "my_divs = [\n",
    "    mkdiv(\"lights\", top=\"50%\", left=\"50%\", font_size=\"72pt\", border=\"1px black solid\"),\n",
    "    mkdiv(\"lights\", bottom=\"50%\", left=\"50%\", font_size=\"72pt\", border=\"2px cyan solid\"),\n",
    "    mkdiv(\"lights\", bottom=\"50%\", right=\"50%\", font_size=\"72pt\", border=\"3px blue solid\"),\n",
    "    mkdiv(\"lights\", top=\"50%\", right=\"50%\", font_size=\"72pt\", border=\"4px red solid\")\n",
    "]\n",
    "html_src = html_tmpl.format(title=\"Positioning\", content=\"\".join(my_divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "The CSS `border` property draws a border around the `<div>`'s bounding box. The above code draws four divs, each with different combinations of `top`, `bottom`, `left` and `center` and different border colors, so you can see how they work.\n",
    "\n",
    "Unfortunately, there are no `center-x` or `center-y` parameters to position a `<div>` according to its center point! Instead, you can set the `<div>`'s position with `top` and `left` and use the CSS `transform` property to move the element half of its width up and to the left:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 19,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>Center a div</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 72pt; border: 1px black solid; position: absolute;'>lights</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "this_div = mkdiv(\"lights\",\n",
    "                 top=\"50%\",\n",
    "                 left=\"50%\",\n",
    "                 transform=\"translate(-50%, -50%)\",\n",
    "                 font_size=\"72pt\",\n",
    "                 border=\"1px black solid\")\n",
    "html_src = html_tmpl.format(title=\"Center a div\", content=this_div)\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Putting all of this together, we can redo the random stars example, but centering the stars around the randomly chosen coordinate:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 20,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>Centered stars of different sizes</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='left: 6.296714596727304%; top: 10.420688815066924%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.3084650873376803); position: absolute;'>★</div><div style='left: 62.73554771622787%; top: 52.941987997320375%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.657354304212793); position: absolute;'>★</div><div style='left: 87.45466152941755%; top: 20.062112191133995%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.6670110279255118); position: absolute;'>★</div><div style='left: 36.30814592676338%; top: 2.454304531643481%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.08254232492416724); position: absolute;'>★</div><div style='left: 90.23438706871357%; top: 25.90970288131548%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.2676456241409043); position: absolute;'>★</div><div style='left: 43.82447479402801%; top: 1.3971064070356976%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.24952575521642262); position: absolute;'>★</div><div style='left: 88.59317002381623%; top: 59.90233314715837%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.7787471039357546); position: absolute;'>★</div><div style='left: 47.73800753703262%; top: 33.28773546032478%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.5745139945519468); position: absolute;'>★</div><div style='left: 65.66965336102444%; top: 80.42620327359714%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.4421481059364666); position: absolute;'>★</div><div style='left: 17.29643774648605%; top: 18.09220307247914%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.35310156912843915); position: absolute;'>★</div><div style='left: 56.123866951883414%; top: 57.968269841915166%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.513867264760614); position: absolute;'>★</div><div style='left: 66.65846080109182%; top: 67.51885511804969%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.5545656872133212); position: absolute;'>★</div><div style='left: 45.30851714449673%; top: 14.73012662734341%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.31770705211231454); position: absolute;'>★</div><div style='left: 53.80414913342844%; top: 2.0753735421862096%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.7287743723465359); position: absolute;'>★</div><div style='left: 68.59021703757348%; top: 21.662130273837498%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.2403213215107297); position: absolute;'>★</div><div style='left: 24.2690292971373%; top: 18.127078374258264%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.3078568062740785); position: absolute;'>★</div><div style='left: 4.9018686879657825%; top: 47.94668730105683%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.39123550580091226); position: absolute;'>★</div><div style='left: 7.485713712594755%; top: 37.82388348588237%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.7318608349452501); position: absolute;'>★</div><div style='left: 83.24797328868787%; top: 42.73663124650936%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.8122113682595978); position: absolute;'>★</div><div style='left: 43.424192830992766%; top: 76.05082120207437%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.5271335683774289); position: absolute;'>★</div><div style='left: 85.65986265444934%; top: 16.223807672676394%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.41262712683653724); position: absolute;'>★</div><div style='left: 24.466411515674878%; top: 88.90131452571377%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.8288744499433638); position: absolute;'>★</div><div style='left: 9.002071791011545%; top: 73.22344327597243%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.535335445653879); position: absolute;'>★</div><div style='left: 17.44549962249571%; top: 95.2890132766327%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.041779899033551615); position: absolute;'>★</div><div style='left: 41.54242325060942%; top: 91.58063034175393%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.4864393435882304); position: absolute;'>★</div><div style='left: 88.50558658750613%; top: 89.17692547470648%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.2739227571673736); position: absolute;'>★</div><div style='left: 73.28859510987392%; top: 58.44891990413571%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.9636331489506844); position: absolute;'>★</div><div style='left: 25.144035484597282%; top: 33.45876326631713%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.8731522327253493); position: absolute;'>★</div><div style='left: 72.74555271551532%; top: 98.37859476421984%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.5261311627647004); position: absolute;'>★</div><div style='left: 33.630648453800184%; top: 37.75583671627398%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.05592427746545192); position: absolute;'>★</div><div style='left: 92.0380019958815%; top: 5.387083442982754%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.029182081358145706); position: absolute;'>★</div><div style='left: 19.641575792097598%; top: 87.87179578727897%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.4082647387224294); position: absolute;'>★</div><div style='left: 47.30597516721332%; top: 23.420656735132916%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.5010505836925135); position: absolute;'>★</div><div style='left: 7.214313598995203%; top: 38.75458810484871%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.6558663711711242); position: absolute;'>★</div><div style='left: 19.715532286592975%; top: 24.34552938412933%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.2792078615270088); position: absolute;'>★</div><div style='left: 43.59985916973738%; top: 70.95171649670904%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.3364110728212817); position: absolute;'>★</div><div style='left: 41.32977460504355%; top: 28.14531946142874%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.4874200336121445); position: absolute;'>★</div><div style='left: 89.7251292435974%; top: 75.18879043242896%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.777740310946155); position: absolute;'>★</div><div style='left: 57.43633242579109%; top: 94.78356546557671%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.20257694801791082); position: absolute;'>★</div><div style='left: 75.82497996676918%; top: 38.32793649298768%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.9218025951706242); position: absolute;'>★</div><div style='left: 16.3559229663375%; top: 60.02853983455728%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.04895944587253365); position: absolute;'>★</div><div style='left: 88.99182006053059%; top: 91.2829761314813%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.4010583849499074); position: absolute;'>★</div><div style='left: 49.686808707842665%; top: 60.420093231817305%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.5024114636205003); position: absolute;'>★</div><div style='left: 24.6311198385352%; top: 22.926417394820998%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.5585427701466581); position: absolute;'>★</div><div style='left: 42.397152952883054%; top: 17.531284650898847%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.290705987314285); position: absolute;'>★</div><div style='left: 60.21260120605266%; top: 59.77903993433142%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.9035170014039978); position: absolute;'>★</div><div style='left: 55.4660903592345%; top: 14.115384118537811%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.6499624318499502); position: absolute;'>★</div><div style='left: 5.562756988159312%; top: 32.78340843225327%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.9095323144009891); position: absolute;'>★</div><div style='left: 22.51549265741056%; top: 48.35690094560102%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.7315107847248625); position: absolute;'>★</div><div style='left: 89.1911723613022%; top: 98.3763639960916%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.6658301016188298); position: absolute;'>★</div><div style='left: 44.95372999988907%; top: 60.39795929603805%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.47631805527316906); position: absolute;'>★</div><div style='left: 87.57698423340615%; top: 85.70227890134495%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.9666476624831437); position: absolute;'>★</div><div style='left: 76.1891087675218%; top: 10.294708230018578%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.9964293410070075); position: absolute;'>★</div><div style='left: 82.70568520129058%; top: 83.6526062793823%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.31989102170576966); position: absolute;'>★</div><div style='left: 46.52319982875144%; top: 63.996165192090295%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.5361502809577399); position: absolute;'>★</div><div style='left: 22.20764375762553%; top: 18.990950590792778%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.8949758733766869); position: absolute;'>★</div><div style='left: 48.82525973856379%; top: 32.32183068093855%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.6485948398946749); position: absolute;'>★</div><div style='left: 5.000932708583328%; top: 51.11500674031549%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.3098772824276099); position: absolute;'>★</div><div style='left: 98.54454172120154%; top: 40.71584548845537%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.5210533146801785); position: absolute;'>★</div><div style='left: 2.043179104538917%; top: 44.638747101683975%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.3339102560172986); position: absolute;'>★</div><div style='left: 44.81529405019552%; top: 44.53690679060032%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.7610698804277312); position: absolute;'>★</div><div style='left: 17.868441992414187%; top: 64.19384950911878%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.7459856337238759); position: absolute;'>★</div><div style='left: 0.2631802827406604%; top: 76.9052866438575%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.9815589109130043); position: absolute;'>★</div><div style='left: 24.64147869612071%; top: 20.41994792923726%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.26920036113422874); position: absolute;'>★</div><div style='left: 72.25954250110023%; top: 80.21852190324311%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.31949161665147785); position: absolute;'>★</div><div style='left: 85.67265735603328%; top: 41.82941730774695%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.05623570381381071); position: absolute;'>★</div><div style='left: 94.82970381863899%; top: 8.504163456951963%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.6115378575781468); position: absolute;'>★</div><div style='left: 60.05060196108454%; top: 83.32597246201851%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.4471810880598577); position: absolute;'>★</div><div style='left: 9.382996907270769%; top: 50.77510533086973%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.17612865305062708); position: absolute;'>★</div><div style='left: 13.960279367755446%; top: 69.5404939763394%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.8074689569364988); position: absolute;'>★</div><div style='left: 89.93560731551855%; top: 31.085402783868588%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.09252900590853763); position: absolute;'>★</div><div style='left: 50.323211129229065%; top: 23.65585154533868%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.2384682206903298); position: absolute;'>★</div><div style='left: 64.42742489304571%; top: 33.1548147010224%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.07763640267357852); position: absolute;'>★</div><div style='left: 30.60480911260265%; top: 50.23169301745148%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.5919825929459281); position: absolute;'>★</div><div style='left: 65.63685163835754%; top: 10.02197773117115%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.7206748951950122); position: absolute;'>★</div><div style='left: 99.6017830992483%; top: 76.38472754113342%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.4438186251330135); position: absolute;'>★</div><div style='left: 93.75327977354574%; top: 81.40887665735431%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.6400573387546451); position: absolute;'>★</div><div style='left: 50.24797283678777%; top: 44.19524257454146%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.8266899193780313); position: absolute;'>★</div><div style='left: 35.30433826796773%; top: 95.73332624627712%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.6296364345215723); position: absolute;'>★</div><div style='left: 49.6536684077181%; top: 78.73318902015643%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.868732536635378); position: absolute;'>★</div><div style='left: 23.79437636081816%; top: 48.14647693357569%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.3331599120606319); position: absolute;'>★</div><div style='left: 17.886992578306327%; top: 17.813959814341274%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.4508981426774914); position: absolute;'>★</div><div style='left: 22.491651704154748%; top: 44.251893544675916%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.6655900438539155); position: absolute;'>★</div><div style='left: 59.60056793048811%; top: 28.941417149448267%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.144200808456584); position: absolute;'>★</div><div style='left: 50.79872441935541%; top: 82.40239013776517%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.8741782608579453); position: absolute;'>★</div><div style='left: 24.58918345576251%; top: 5.151371477159838%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.8235871072062256); position: absolute;'>★</div><div style='left: 37.99142824666713%; top: 96.29379647665286%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.07870197631686837); position: absolute;'>★</div><div style='left: 5.813787209146703%; top: 7.332370043273151%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.964725827691772); position: absolute;'>★</div><div style='left: 93.99901634873228%; top: 8.768181049870105%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.5522223966064385); position: absolute;'>★</div><div style='left: 85.73899990763243%; top: 32.56837676409935%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.33005177160394505); position: absolute;'>★</div><div style='left: 73.08665968156811%; top: 49.565078172987256%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.5556460274112465); position: absolute;'>★</div><div style='left: 85.57407251595788%; top: 70.82026188108918%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.6167572207920002); position: absolute;'>★</div><div style='left: 56.66577803604286%; top: 71.49348255643947%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.345238450705202); position: absolute;'>★</div><div style='left: 12.578089941716952%; top: 53.5245161158353%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.5696255585101868); position: absolute;'>★</div><div style='left: 24.426969137849465%; top: 61.03514851120039%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.3720668465183461); position: absolute;'>★</div><div style='left: 54.44880027893751%; top: 0.11354706440227513%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.49810068614682756); position: absolute;'>★</div><div style='left: 61.83336939526437%; top: 33.968791674307575%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.7069962945743182); position: absolute;'>★</div><div style='left: 27.337089541401348%; top: 40.91335849498151%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.7081872306415156); position: absolute;'>★</div><div style='left: 4.395069591117506%; top: 39.65198794281807%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.8987983788678545); position: absolute;'>★</div><div style='left: 76.15423512635623%; top: 70.16242530132276%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.8994466161155948); position: absolute;'>★</div><div style='left: 3.1880223320790657%; top: 6.395445945068278%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.875881408756841); position: absolute;'>★</div><div style='left: 86.074691413936%; top: 67.86575315059463%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.7624514963801525); position: absolute;'>★</div><div style='left: 47.70692349856355%; top: 71.2454484991946%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.5012162041610225); position: absolute;'>★</div><div style='left: 27.31287553701448%; top: 15.738150232759107%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.2817970257704472); position: absolute;'>★</div><div style='left: 56.833645522368705%; top: 89.7392915626115%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.56409422209202); position: absolute;'>★</div><div style='left: 42.10101647165565%; top: 81.91753240472562%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.16066327887119936); position: absolute;'>★</div><div style='left: 99.17601239761929%; top: 66.24403293264136%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.8767942452511367); position: absolute;'>★</div><div style='left: 76.17711348531428%; top: 4.834777429218951%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.8371186554387786); position: absolute;'>★</div><div style='left: 39.10140517373344%; top: 13.605091913032542%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.003078424333114227); position: absolute;'>★</div><div style='left: 66.96422689140512%; top: 77.95046362080335%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.7471396895469714); position: absolute;'>★</div><div style='left: 70.28122071348542%; top: 35.89344322079815%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.5768524148239249); position: absolute;'>★</div><div style='left: 26.724912692220837%; top: 10.351277127177827%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.33613492571225134); position: absolute;'>★</div><div style='left: 6.471190245123726%; top: 96.8062671961688%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.5411649567645083); position: absolute;'>★</div><div style='left: 68.15005432556332%; top: 45.11729366024546%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.6254538928464375); position: absolute;'>★</div><div style='left: 49.5284716861677%; top: 26.146036687106843%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.4002600932484942); position: absolute;'>★</div><div style='left: 24.148023239815654%; top: 6.201208144144587%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.6222320092172667); position: absolute;'>★</div><div style='left: 25.243852850380975%; top: 66.76985181484277%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.140412012553346); position: absolute;'>★</div><div style='left: 20.316132231449235%; top: 53.20274558680092%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.6155019218281484); position: absolute;'>★</div><div style='left: 41.77602379486891%; top: 8.436903033105903%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.5611464196431297); position: absolute;'>★</div><div style='left: 23.425971187356932%; top: 28.285599435868324%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.7469142673460177); position: absolute;'>★</div><div style='left: 91.25522311715363%; top: 96.25161405098345%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.04923781038921815); position: absolute;'>★</div><div style='left: 86.36697348771473%; top: 33.262594160880234%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.6355650818295894); position: absolute;'>★</div><div style='left: 24.883879546018616%; top: 90.47359505615574%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.37182607649106203); position: absolute;'>★</div><div style='left: 13.542094143698924%; top: 60.16045357447377%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.1520528326169165); position: absolute;'>★</div><div style='left: 76.38133485940264%; top: 37.86617952319471%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.37113068814168393); position: absolute;'>★</div><div style='left: 41.6569396573358%; top: 31.11427232591647%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.2902406336587642); position: absolute;'>★</div><div style='left: 26.76597117160979%; top: 28.946694529197547%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.20965050558462217); position: absolute;'>★</div><div style='left: 85.96002592470406%; top: 4.327764996291128%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.34564600421229996); position: absolute;'>★</div><div style='left: 43.23666869501488%; top: 47.19710480610454%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.5348458919515033); position: absolute;'>★</div><div style='left: 2.3035608982242217%; top: 59.83735273433087%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.4451323548212337); position: absolute;'>★</div><div style='left: 82.7867582752531%; top: 95.91606148775284%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.28684446184800216); position: absolute;'>★</div><div style='left: 0.38303169573478124%; top: 28.21569493924583%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.5146608868343991); position: absolute;'>★</div><div style='left: 14.75967100300033%; top: 89.65558727186207%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.6826260250349222); position: absolute;'>★</div><div style='left: 78.58358664571843%; top: 21.422227182787434%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.39557518087142907); position: absolute;'>★</div><div style='left: 25.691767319452907%; top: 25.428893024993293%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.9725667862460112); position: absolute;'>★</div><div style='left: 60.49583737938137%; top: 14.759217473241183%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.9545070498619427); position: absolute;'>★</div><div style='left: 41.1721357814557%; top: 27.078761940655404%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.507251204018422); position: absolute;'>★</div><div style='left: 31.217100808641963%; top: 85.60333379819302%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.34620901146023064); position: absolute;'>★</div><div style='left: 32.95329916809928%; top: 49.020513498843655%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.5542421640543727); position: absolute;'>★</div><div style='left: 84.35441311376626%; top: 75.31626141441075%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.26503334751895535); position: absolute;'>★</div><div style='left: 60.75248333741533%; top: 70.075196407642%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.06722566414059195); position: absolute;'>★</div><div style='left: 12.370625269274537%; top: 87.60287678866622%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.8996860972120156); position: absolute;'>★</div><div style='left: 35.86682812676192%; top: 84.5516438986388%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.47756260577669796); position: absolute;'>★</div><div style='left: 11.10723109688797%; top: 32.23004219080885%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.8350239013172964); position: absolute;'>★</div><div style='left: 1.2521913032549348%; top: 93.58733565644704%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.43505270290794373); position: absolute;'>★</div><div style='left: 46.189877823957914%; top: 71.90184690856265%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.43810784179647877); position: absolute;'>★</div><div style='left: 46.59754279667665%; top: 14.272693597202268%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.7416389123607829); position: absolute;'>★</div><div style='left: 71.25983070765176%; top: 65.91784265598112%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.2239718426380476); position: absolute;'>★</div><div style='left: 94.43681560071508%; top: 11.038970710119456%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.21568739732195552); position: absolute;'>★</div><div style='left: 18.02504468142959%; top: 56.98740374399019%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.5579938097276016); position: absolute;'>★</div><div style='left: 70.05364216825636%; top: 90.91925841680325%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.8628986513384155); position: absolute;'>★</div><div style='left: 58.6343654641628%; top: 91.95515540741812%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.7789504302615072); position: absolute;'>★</div><div style='left: 7.304946447825267%; top: 75.52468729938711%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.3049480922403348); position: absolute;'>★</div><div style='left: 36.72487817682344%; top: 86.29037220163765%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.29878289547829884); position: absolute;'>★</div><div style='left: 49.51245184460298%; top: 2.366927486919146%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.7574860307854874); position: absolute;'>★</div><div style='left: 45.327182530575094%; top: 91.49499480253036%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.671390324575229); position: absolute;'>★</div><div style='left: 62.48412308183041%; top: 78.22519349695426%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.7185521140996494); position: absolute;'>★</div><div style='left: 47.3591722637281%; top: 95.85110390561364%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.7420331350956708); position: absolute;'>★</div><div style='left: 67.0309033271394%; top: 43.02507234218208%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.5874625436891872); position: absolute;'>★</div><div style='left: 34.65354707985397%; top: 5.330770989393119%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.40959102068643427); position: absolute;'>★</div><div style='left: 28.04534747756665%; top: 18.74022774643126%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.9733918949703917); position: absolute;'>★</div><div style='left: 29.07193286193118%; top: 18.594084364032316%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.6040274861082806); position: absolute;'>★</div><div style='left: 19.850540277684114%; top: 45.51282335456285%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.42315705909036627); position: absolute;'>★</div><div style='left: 95.41613274516976%; top: 12.55606265784136%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.5272552618334531); position: absolute;'>★</div><div style='left: 12.955216403272395%; top: 91.88885747727055%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.8445105713221999); position: absolute;'>★</div><div style='left: 32.635966404409224%; top: 11.885624733236721%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.9036230386443326); position: absolute;'>★</div><div style='left: 62.84692257664404%; top: 51.241518208494476%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.8110233693943607); position: absolute;'>★</div><div style='left: 86.79972714989947%; top: 47.321181485606246%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.2920686388382362); position: absolute;'>★</div><div style='left: 97.73142421679233%; top: 80.47982786950526%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.6205693573327725); position: absolute;'>★</div><div style='left: 14.943110183443697%; top: 35.55198202656512%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.19945771306175253); position: absolute;'>★</div><div style='left: 80.95996794095618%; top: 35.97028467492199%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.38644521159794887); position: absolute;'>★</div><div style='left: 86.19738284098955%; top: 63.915769335875105%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.5528427463060779); position: absolute;'>★</div><div style='left: 33.489891762654814%; top: 7.378392252476029%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.6946361040632109); position: absolute;'>★</div><div style='left: 10.091556086037068%; top: 70.95317626344854%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.5837685380711801); position: absolute;'>★</div><div style='left: 39.23014523224322%; top: 75.73360811322047%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.35009341739131605); position: absolute;'>★</div><div style='left: 27.632220772818272%; top: 82.85375470779191%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.8488781868880154); position: absolute;'>★</div><div style='left: 5.545806882073078%; top: 25.346030214796045%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.7855360880623442); position: absolute;'>★</div><div style='left: 19.16657746651198%; top: 57.417885320088594%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.8532059240807107); position: absolute;'>★</div><div style='left: 16.673449084896063%; top: 46.605838998037164%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.45286874163318613); position: absolute;'>★</div><div style='left: 47.447431085420064%; top: 26.03074681224897%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.8349018407632417); position: absolute;'>★</div><div style='left: 17.317933585171595%; top: 0.3578296345917442%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.07641572782780237); position: absolute;'>★</div><div style='left: 93.53287402159496%; top: 33.47564362326896%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.3449137970100765); position: absolute;'>★</div><div style='left: 54.177523048963664%; top: 30.83651597666458%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.9743086064357831); position: absolute;'>★</div><div style='left: 74.0893973846913%; top: 32.87064919264149%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.9700504466212385); position: absolute;'>★</div><div style='left: 44.233675842320785%; top: 23.883610663317967%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.155998260699013); position: absolute;'>★</div><div style='left: 69.98315801018738%; top: 34.85034210774695%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.3376934962855881); position: absolute;'>★</div><div style='left: 68.71522769746596%; top: 12.59042712774745%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.6378183217955935); position: absolute;'>★</div><div style='left: 26.562995468696837%; top: 27.416151945933855%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.45926800620805885); position: absolute;'>★</div><div style='left: 15.478028823033352%; top: 12.354092934678572%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.6859852141789553); position: absolute;'>★</div><div style='left: 53.8467570951753%; top: 55.45620327983875%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.5679497357949307); position: absolute;'>★</div><div style='left: 34.59396541208753%; top: 78.19963880999701%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.8542878277347279); position: absolute;'>★</div><div style='left: 43.86772494250788%; top: 0.4563716715049293%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.575880553623901); position: absolute;'>★</div><div style='left: 65.07986030159589%; top: 62.02206245999699%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.9104127628848535); position: absolute;'>★</div><div style='left: 72.67929728290842%; top: 62.64283612010468%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.5063779180380295); position: absolute;'>★</div><div style='left: 68.95471728227389%; top: 93.90927132782647%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.7391416007770393); position: absolute;'>★</div><div style='left: 32.54730706217249%; top: 70.04991189132697%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.2511062777581209); position: absolute;'>★</div><div style='left: 13.465833799186699%; top: 95.79699540688684%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.10695638385676276); position: absolute;'>★</div><div style='left: 57.77650843126848%; top: 37.34237439608865%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.5155252055981482); position: absolute;'>★</div><div style='left: 94.46896761370569%; top: 46.90717576490718%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.6512368500231869); position: absolute;'>★</div><div style='left: 71.24277223811201%; top: 32.31006975958223%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.4370790666686918); position: absolute;'>★</div><div style='left: 47.70984839507049%; top: 34.88887605231806%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.2119147292857967); position: absolute;'>★</div><div style='left: 30.76591390066168%; top: 60.082928308919946%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.1331516100338811); position: absolute;'>★</div><div style='left: 60.943171604237335%; top: 77.58667696805239%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.5329393902148785); position: absolute;'>★</div><div style='left: 25.040303275032226%; top: 88.95783417954407%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.020265308355222333); position: absolute;'>★</div><div style='left: 84.84859183373648%; top: 34.602228597113424%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.9644292320886554); position: absolute;'>★</div><div style='left: 15.9520102990932%; top: 78.708070586717%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.1476765532611416); position: absolute;'>★</div><div style='left: 35.19212002028931%; top: 39.17061693850498%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.35980210285133973); position: absolute;'>★</div><div style='left: 49.846529672745774%; top: 13.562600416089776%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.42940050655625017); position: absolute;'>★</div><div style='left: 88.14559115729435%; top: 10.167780304181107%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.32259658079028397); position: absolute;'>★</div><div style='left: 47.272969453137314%; top: 13.251579961716242%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.1848015807691048); position: absolute;'>★</div><div style='left: 64.29870461876033%; top: 96.49686178771945%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.8625740889809743); position: absolute;'>★</div><div style='left: 74.00812424722942%; top: 36.235401659178514%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.09996422392952631); position: absolute;'>★</div><div style='left: 35.511585574818646%; top: 47.223834031851695%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.8407172796090678); position: absolute;'>★</div><div style='left: 70.0717815854107%; top: 24.3386301952353%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.4285439514351753); position: absolute;'>★</div><div style='left: 7.763674207227089%; top: 25.648202087685345%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.7243875311938169); position: absolute;'>★</div><div style='left: 79.8517462630537%; top: 24.252746966491557%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.9045012706777237); position: absolute;'>★</div><div style='left: 94.48863347188845%; top: 47.131977953670535%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.9965518258476402); position: absolute;'>★</div><div style='left: 43.90652257952643%; top: 15.957358936382793%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.45667534479857697); position: absolute;'>★</div><div style='left: 75.14465828267889%; top: 90.69427181838468%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.8929970942017437); position: absolute;'>★</div><div style='left: 30.16087262108018%; top: 29.79071655559693%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.5546809556097622); position: absolute;'>★</div><div style='left: 16.00951375840064%; top: 0.17694212340791937%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.22252531643707119); position: absolute;'>★</div><div style='left: 8.29237613660897%; top: 54.405472808237775%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.9944320583419474); position: absolute;'>★</div><div style='left: 67.85744501211981%; top: 89.69409525428176%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.872564753100901); position: absolute;'>★</div><div style='left: 58.74310607730904%; top: 81.62314092375716%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.6599076050257565); position: absolute;'>★</div><div style='left: 12.665748265569299%; top: 75.63403498539105%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.8090986103358453); position: absolute;'>★</div><div style='left: 69.56763608947134%; top: 58.882350305609755%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.1789752308880186); position: absolute;'>★</div><div style='left: 99.70213357731078%; top: 97.65663819606543%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.7716317445710991); position: absolute;'>★</div><div style='left: 51.050954164355986%; top: 79.0082158010392%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.5476219979759755); position: absolute;'>★</div><div style='left: 55.12784170754902%; top: 49.58385988923164%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.2089357865820829); position: absolute;'>★</div><div style='left: 38.65161505398359%; top: 7.9882472885182025%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.2542196356153674); position: absolute;'>★</div><div style='left: 6.455832958731433%; top: 96.55468756091523%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.11338776240912118); position: absolute;'>★</div><div style='left: 32.173195550252345%; top: 89.26116618722348%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.9975794098087364); position: absolute;'>★</div><div style='left: 22.203409770131177%; top: 47.64365686576165%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.2239561566648376); position: absolute;'>★</div><div style='left: 35.58065743682235%; top: 4.148299464723671%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.06686676158729832); position: absolute;'>★</div><div style='left: 4.76992127736896%; top: 57.352196651469946%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.21443577218283305); position: absolute;'>★</div><div style='left: 6.196374504278113%; top: 35.422357131079785%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.3215337380768294); position: absolute;'>★</div><div style='left: 43.00156804131415%; top: 94.4059264824473%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.2511977836819259); position: absolute;'>★</div><div style='left: 62.349519019302335%; top: 39.39797402614883%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.04154025428661445); position: absolute;'>★</div><div style='left: 69.07786335689961%; top: 40.66637319047892%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.09416491981931074); position: absolute;'>★</div><div style='left: 38.94379640496626%; top: 49.38962832130053%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.5980833527043986); position: absolute;'>★</div><div style='left: 91.16059736404696%; top: 71.62122415884562%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.37875771751501053); position: absolute;'>★</div><div style='left: 99.84965141460403%; top: 82.95368144789151%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.16236842202280277); position: absolute;'>★</div><div style='left: 17.181906910318745%; top: 96.26508842346367%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.16299936336884624); position: absolute;'>★</div><div style='left: 30.539555855049116%; top: 54.20913438181113%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.6752839099161114); position: absolute;'>★</div><div style='left: 93.2064756852146%; top: 67.29327925497385%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.3412859367058928); position: absolute;'>★</div><div style='left: 51.18367155698785%; top: 98.4606788948536%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.5324788942209239); position: absolute;'>★</div><div style='left: 59.49681567697587%; top: 24.921840073743773%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.08083085819510982); position: absolute;'>★</div><div style='left: 74.25300438765406%; top: 0.14672355298840367%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.6630546118326255); position: absolute;'>★</div><div style='left: 21.389017832342716%; top: 6.635966800097048%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.18022300865413565); position: absolute;'>★</div><div style='left: 48.30702939984535%; top: 24.645551205313044%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.7552602474715999); position: absolute;'>★</div><div style='left: 35.25425828320281%; top: 78.06467656030506%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.6840797347291825); position: absolute;'>★</div><div style='left: 8.45759392616301%; top: 84.64058876849059%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.38110693061460565); position: absolute;'>★</div><div style='left: 85.94575004909349%; top: 57.685871323846946%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.41083933904029724); position: absolute;'>★</div><div style='left: 26.399212420092265%; top: 49.14915589709711%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.6382844536987139); position: absolute;'>★</div><div style='left: 63.89543783795225%; top: 85.26785594964458%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.642802879050372); position: absolute;'>★</div><div style='left: 57.232984260439146%; top: 28.141539252775594%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.8783620722720926); position: absolute;'>★</div><div style='left: 44.06867935851626%; top: 44.6791080263235%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.8108304123488341); position: absolute;'>★</div><div style='left: 87.14795385393818%; top: 35.209098854167834%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.6022613349702548); position: absolute;'>★</div><div style='left: 92.21062204196151%; top: 93.85915192140214%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.21395784876766955); position: absolute;'>★</div><div style='left: 75.75112023254077%; top: 40.3086439842403%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.6156837702392091); position: absolute;'>★</div><div style='left: 5.763083389698986%; top: 72.38277059731227%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.6511274474118548); position: absolute;'>★</div><div style='left: 37.42993351730346%; top: 32.91573524357824%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.8690727023223941); position: absolute;'>★</div><div style='left: 85.36240316095942%; top: 34.967626463728664%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.9574358936685808); position: absolute;'>★</div><div style='left: 25.95063704481363%; top: 59.76520662258983%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.03334482707673658); position: absolute;'>★</div><div style='left: 21.529325114628705%; top: 1.2608278005952878%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.6836845121226934); position: absolute;'>★</div><div style='left: 93.2454689046183%; top: 8.8660038289058%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.7734793282740454); position: absolute;'>★</div><div style='left: 64.22529984997375%; top: 87.00397349929953%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.7081823654954689); position: absolute;'>★</div><div style='left: 98.25727222478397%; top: 11.407637969952777%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.29501512096450133); position: absolute;'>★</div><div style='left: 22.41074985384477%; top: 54.612969702167845%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.49925242365791334); position: absolute;'>★</div><div style='left: 1.3666113977416017%; top: 53.84679199281693%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.7367263323168284); position: absolute;'>★</div><div style='left: 87.22007351955483%; top: 72.55589763603587%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.6619677549584819); position: absolute;'>★</div><div style='left: 54.28027910027786%; top: 4.819011964592635%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.7394440399417402); position: absolute;'>★</div><div style='left: 39.101091896999776%; top: 35.00054785514386%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.9166530212002559); position: absolute;'>★</div><div style='left: 48.02059987922319%; top: 27.15536108077796%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.8370224427782843); position: absolute;'>★</div><div style='left: 95.96764703525736%; top: 7.856354030023005%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.14899524615083604); position: absolute;'>★</div><div style='left: 87.12465182313417%; top: 73.5692198882608%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.01789650837149226); position: absolute;'>★</div><div style='left: 86.3643178999821%; top: 51.085171798210304%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.7169660256314276); position: absolute;'>★</div><div style='left: 30.560147823437887%; top: 7.093508417989602%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.2991328816148838); position: absolute;'>★</div><div style='left: 7.0684990018098475%; top: 54.28852361982881%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.48099845720225975); position: absolute;'>★</div><div style='left: 99.32245143539312%; top: 69.78410030718733%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.955312095798046); position: absolute;'>★</div><div style='left: 3.3846856255541957%; top: 48.93517091422296%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.5778234315651651); position: absolute;'>★</div><div style='left: 47.52825245039536%; top: 75.00144979566647%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.5835689443354614); position: absolute;'>★</div><div style='left: 72.24128085371562%; top: 70.42363393784386%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.7610648677361141); position: absolute;'>★</div><div style='left: 38.93836666067486%; top: 74.18540982681455%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.12619983235105836); position: absolute;'>★</div><div style='left: 41.387829349713215%; top: 83.35217708197891%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.9762321109988362); position: absolute;'>★</div><div style='left: 13.370673151072744%; top: 73.24113047736304%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.9417213409678455); position: absolute;'>★</div><div style='left: 7.344166930483754%; top: 39.9850966730156%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.734914319492551); position: absolute;'>★</div><div style='left: 23.962321744411994%; top: 18.498830468225446%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.09322561969861787); position: absolute;'>★</div><div style='left: 93.23504294181839%; top: 34.457753162722994%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.4931150651854215); position: absolute;'>★</div><div style='left: 71.016503122934%; top: 65.06527929299347%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.11341969536311591); position: absolute;'>★</div><div style='left: 43.67146005879928%; top: 27.440081778234216%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.2823513341109434); position: absolute;'>★</div><div style='left: 20.293259237056628%; top: 95.05538276044888%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.18672561711356006); position: absolute;'>★</div><div style='left: 13.996192019982646%; top: 28.733628318984817%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.5862278771433835); position: absolute;'>★</div><div style='left: 21.63350741692579%; top: 84.43530092538526%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.9037456864206941); position: absolute;'>★</div><div style='left: 66.89645291650703%; top: 32.71673105235625%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.8971898798196187); position: absolute;'>★</div><div style='left: 63.283423757184124%; top: 1.3459034185775653%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.3517534054499274); position: absolute;'>★</div><div style='left: 74.8497412070414%; top: 97.30338443368191%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.6154064745978025); position: absolute;'>★</div><div style='left: 41.907211969058444%; top: 70.15670455767469%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.11910429643337772); position: absolute;'>★</div><div style='left: 97.57689932117987%; top: 20.20510547741874%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.8154274601681146); position: absolute;'>★</div><div style='left: 24.033931430735667%; top: 4.20711664828417%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.37743149209585325); position: absolute;'>★</div><div style='left: 98.76551876492003%; top: 51.977559136600824%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.7526996216676022); position: absolute;'>★</div><div style='left: 17.074257807230186%; top: 11.38967397423859%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.5560628079936021); position: absolute;'>★</div><div style='left: 93.86658578702458%; top: 83.37098664373286%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.26174906014130195); position: absolute;'>★</div><div style='left: 36.19061352948897%; top: 46.458884361816764%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.025005180704183005); position: absolute;'>★</div><div style='left: 17.898352262217088%; top: 75.58226258852555%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.39658259632231707); position: absolute;'>★</div><div style='left: 54.27832930009886%; top: 61.920148395458696%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.4226465272472332); position: absolute;'>★</div><div style='left: 42.760372543090206%; top: 58.40362639375476%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.18487101402903694); position: absolute;'>★</div><div style='left: 98.31657535665803%; top: 80.48682643978997%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.5162273544078543); position: absolute;'>★</div><div style='left: 99.33084635601699%; top: 71.93941417343933%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.9796311667069165); position: absolute;'>★</div><div style='left: 16.565019285731697%; top: 34.936258420794076%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.7225058567472232); position: absolute;'>★</div><div style='left: 72.35816823469948%; top: 18.344025550701648%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.1485385962393153); position: absolute;'>★</div><div style='left: 17.49655291932729%; top: 28.987358248850136%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.33088049910035777); position: absolute;'>★</div><div style='left: 95.45961340600189%; top: 71.48632631943346%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.455125572382839); position: absolute;'>★</div><div style='left: 81.22549007385128%; top: 68.32982206000196%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.9524054713227561); position: absolute;'>★</div><div style='left: 30.17461508012058%; top: 24.315398037136394%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.4111725420931681); position: absolute;'>★</div><div style='left: 79.92029598629242%; top: 42.65037906397681%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.39364868749390614); position: absolute;'>★</div><div style='left: 30.161188805321714%; top: 81.25530242157873%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.7488053423407102); position: absolute;'>★</div><div style='left: 17.53756024985248%; top: 91.70008161099427%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.7144757985436024); position: absolute;'>★</div><div style='left: 69.7772163554898%; top: 85.69693451252778%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.2221026246516119); position: absolute;'>★</div><div style='left: 70.82200850928578%; top: 19.03665092857866%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.617469416311028); position: absolute;'>★</div><div style='left: 7.397405668660994%; top: 53.38910740708137%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.5231252336020421); position: absolute;'>★</div><div style='left: 1.3871795436658618%; top: 71.64433863807143%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.16741620912538202); position: absolute;'>★</div><div style='left: 85.45498542351399%; top: 34.50723222081504%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.1985800110673328); position: absolute;'>★</div><div style='left: 35.502484375451715%; top: 94.45119635231714%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.5200575563198987); position: absolute;'>★</div><div style='left: 23.99061425169233%; top: 17.751255162563574%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.2358938655129923); position: absolute;'>★</div><div style='left: 40.07613176720207%; top: 10.892928762956789%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.8096082672902781); position: absolute;'>★</div><div style='left: 40.04906771338934%; top: 28.397315292930003%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.7864398493226726); position: absolute;'>★</div><div style='left: 39.91258955374264%; top: 96.30674442940898%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.6157621208200876); position: absolute;'>★</div><div style='left: 83.34970883309198%; top: 24.28368548093499%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.18219859450547404); position: absolute;'>★</div><div style='left: 40.22248226949916%; top: 33.60957919297621%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.5136231830438237); position: absolute;'>★</div><div style='left: 37.39811264761763%; top: 52.08761557031758%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.9379929906518178); position: absolute;'>★</div><div style='left: 74.06330159774474%; top: 89.03093724297207%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.6916119192747249); position: absolute;'>★</div><div style='left: 32.72220629407349%; top: 7.02306738590689%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.044854764925099544); position: absolute;'>★</div><div style='left: 12.338425622691851%; top: 61.365322451203085%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.5102159396616651); position: absolute;'>★</div><div style='left: 98.22519754738019%; top: 86.0049266874602%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.4757362277432977); position: absolute;'>★</div><div style='left: 0.9789662851209413%; top: 90.92169680287282%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.039694325862302704); position: absolute;'>★</div><div style='left: 82.88646674555915%; top: 83.61992768877869%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.10488893480214978); position: absolute;'>★</div><div style='left: 56.42610006245682%; top: 42.14998474955761%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.7157121563915219); position: absolute;'>★</div><div style='left: 19.149414732864813%; top: 56.280753884784815%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.8813795481639703); position: absolute;'>★</div><div style='left: 84.0252159120721%; top: 19.365452308329168%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.9048454989229086); position: absolute;'>★</div><div style='left: 99.06753013811645%; top: 25.052174633002732%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.36628206182066914); position: absolute;'>★</div><div style='left: 5.905774005151243%; top: 97.80036224579673%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.5963680826707616); position: absolute;'>★</div><div style='left: 15.025170118496522%; top: 29.003747958069127%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.7055806163202192); position: absolute;'>★</div><div style='left: 55.76086731176394%; top: 93.75189975387566%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.7053030989862993); position: absolute;'>★</div><div style='left: 28.951440801389737%; top: 3.0861668042411528%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.6076346085413322); position: absolute;'>★</div><div style='left: 92.70458425978578%; top: 74.45901070693871%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.5002213646172603); position: absolute;'>★</div><div style='left: 67.81817263730375%; top: 65.05446809405153%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.8381044809240735); position: absolute;'>★</div><div style='left: 40.12015350403699%; top: 43.69149853548433%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.5731587292288539); position: absolute;'>★</div><div style='left: 33.11501580164957%; top: 56.07321984076329%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.6242026058824106); position: absolute;'>★</div><div style='left: 92.02861433354545%; top: 27.996370863491737%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.2085186089314388); position: absolute;'>★</div><div style='left: 40.38088999347897%; top: 63.069374759907035%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.11019870955566435); position: absolute;'>★</div><div style='left: 35.65773305658304%; top: 69.25501227156161%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.08578300183802945); position: absolute;'>★</div><div style='left: 15.084872134057491%; top: 68.47291536238274%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.5934499683689348); position: absolute;'>★</div><div style='left: 3.913571020056883%; top: 6.302570675464603%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.4272325880376071); position: absolute;'>★</div><div style='left: 69.42878432431004%; top: 85.06873384556579%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.4367810447370264); position: absolute;'>★</div><div style='left: 66.09859898939229%; top: 10.545677410090859%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.6101611955848666); position: absolute;'>★</div><div style='left: 17.649319336546164%; top: 39.534308941289865%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.6025528949646222); position: absolute;'>★</div><div style='left: 11.97461555245919%; top: 4.804905533833437%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.5587754688760848); position: absolute;'>★</div><div style='left: 33.3121294645785%; top: 22.629903320785026%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.9759381462330817); position: absolute;'>★</div><div style='left: 53.84197452657661%; top: 74.5418672345727%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.343364319444744); position: absolute;'>★</div><div style='left: 41.04446328259934%; top: 16.486734197939413%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.14518373211751567); position: absolute;'>★</div><div style='left: 63.82754167708048%; top: 87.08956941050448%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.06474962528461214); position: absolute;'>★</div><div style='left: 90.36936883148825%; top: 11.709093836685803%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.43153806519387916); position: absolute;'>★</div><div style='left: 52.55553707674666%; top: 58.556475752695846%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.47866350263810964); position: absolute;'>★</div><div style='left: 0.6234648820492628%; top: 64.52736479744559%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.14413434340484865); position: absolute;'>★</div><div style='left: 94.51236518573606%; top: 89.65336523933776%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.7918060175584867); position: absolute;'>★</div><div style='left: 39.13761651977977%; top: 2.820943601327386%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.7480206265406146); position: absolute;'>★</div><div style='left: 28.891074557735706%; top: 35.22695694136782%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.8154768210962958); position: absolute;'>★</div><div style='left: 19.122916784411103%; top: 31.34007570261874%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.0533778997997294); position: absolute;'>★</div><div style='left: 73.39602808324429%; top: 71.75932520433518%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.12361563755328853); position: absolute;'>★</div><div style='left: 57.69549668709719%; top: 15.443674701820198%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.7162277249730196); position: absolute;'>★</div><div style='left: 21.36607409246578%; top: 79.72065592280782%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.1644332131334414); position: absolute;'>★</div><div style='left: 19.739514018184412%; top: 91.38736423650758%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.21950965047840354); position: absolute;'>★</div><div style='left: 17.967795914476515%; top: 81.78967222959052%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.10061253626066513); position: absolute;'>★</div><div style='left: 35.753188784811584%; top: 51.80324466957965%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.6265283374452687); position: absolute;'>★</div><div style='left: 58.6265399395582%; top: 42.06867435281237%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.06415592193857733); position: absolute;'>★</div><div style='left: 42.82317915642621%; top: 99.74752672014208%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.5370580422240239); position: absolute;'>★</div><div style='left: 88.50166515321057%; top: 54.827994140038264%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.913262347682512); position: absolute;'>★</div><div style='left: 37.90518078276817%; top: 72.25595136288594%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.8069387549084851); position: absolute;'>★</div><div style='left: 97.96679902946418%; top: 81.93655830560049%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.21931554945584764); position: absolute;'>★</div><div style='left: 43.07262398546187%; top: 57.66749207044876%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.008524265127275776); position: absolute;'>★</div><div style='left: 49.373685590856866%; top: 50.58153059942166%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.7460451240926051); position: absolute;'>★</div><div style='left: 96.21558955907805%; top: 34.42576242894189%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.3233411413411139); position: absolute;'>★</div><div style='left: 10.731056785194703%; top: 48.61059249182588%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.5848113679790398); position: absolute;'>★</div><div style='left: 50.62819483987371%; top: 34.21363077325713%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.6185064887129234); position: absolute;'>★</div><div style='left: 8.823154110981212%; top: 14.163058211546343%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.09841321290396698); position: absolute;'>★</div><div style='left: 19.50926843520342%; top: 41.177469134557775%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.19331526426770318); position: absolute;'>★</div><div style='left: 91.15718662497443%; top: 73.84964590057096%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.9533624187366198); position: absolute;'>★</div><div style='left: 53.14877231075293%; top: 85.64005854614278%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.9883257957323166); position: absolute;'>★</div><div style='left: 76.53582546434687%; top: 71.250507517277%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.9132308464572639); position: absolute;'>★</div><div style='left: 62.69834640966509%; top: 35.99725366872059%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.6214414964324007); position: absolute;'>★</div><div style='left: 0.5444608382119243%; top: 36.980064539369465%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.8257311272398882); position: absolute;'>★</div><div style='left: 92.2355568574584%; top: 70.88019594322962%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.013112901217610773); position: absolute;'>★</div><div style='left: 45.55443859966404%; top: 32.97055160455435%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.0321929767887853); position: absolute;'>★</div><div style='left: 1.4624143103662446%; top: 27.547202091991927%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.9518999908007507); position: absolute;'>★</div><div style='left: 85.03455734702813%; top: 8.792764611645698%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.5532647049755265); position: absolute;'>★</div><div style='left: 6.8518076122005445%; top: 68.55261378661055%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.4385350189268433); position: absolute;'>★</div><div style='left: 61.770476669004836%; top: 45.16734087038077%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.3088583363276941); position: absolute;'>★</div><div style='left: 91.0729781098916%; top: 40.39032006012929%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.7075712595941617); position: absolute;'>★</div><div style='left: 78.84125227640668%; top: 75.43531548276245%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.2623662188618835); position: absolute;'>★</div><div style='left: 25.534915077926833%; top: 56.788740421141405%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.6124464905040344); position: absolute;'>★</div><div style='left: 53.98915594585687%; top: 16.861419340046744%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.672390337806115); position: absolute;'>★</div><div style='left: 31.099753988263224%; top: 14.840994390567975%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.6829789932719555); position: absolute;'>★</div><div style='left: 51.54860585085527%; top: 62.71559163906836%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.0748889590090892); position: absolute;'>★</div><div style='left: 13.031309118394862%; top: 67.24525590890771%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.2565803881737386); position: absolute;'>★</div><div style='left: 65.23708056974006%; top: 58.521930214856646%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.9392792503706024); position: absolute;'>★</div><div style='left: 23.394555433754128%; top: 84.80907389221952%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.35567731154240934); position: absolute;'>★</div><div style='left: 16.659008167291777%; top: 43.65242951375271%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.2026969854491928); position: absolute;'>★</div><div style='left: 51.29718712819958%; top: 35.17487968823188%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.9973339143817328); position: absolute;'>★</div><div style='left: 91.59145215223539%; top: 23.266729987447377%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.5339118790202767); position: absolute;'>★</div><div style='left: 78.26209414680821%; top: 78.78889281792777%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.10458945276548681); position: absolute;'>★</div><div style='left: 4.084160878696197%; top: 70.67049435386512%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.9091900738498438); position: absolute;'>★</div><div style='left: 45.0873907907581%; top: 36.327979411815%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.4740618466713832); position: absolute;'>★</div><div style='left: 22.08348368350338%; top: 45.275042896557906%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.34108864916868864); position: absolute;'>★</div><div style='left: 31.164635778290172%; top: 36.48743007726868%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.5582185229312924); position: absolute;'>★</div><div style='left: 79.08526297688253%; top: 74.3544682963855%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.9901551069266682); position: absolute;'>★</div><div style='left: 81.70381481899476%; top: 31.780942116635803%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.10006318365148736); position: absolute;'>★</div><div style='left: 42.65414748563644%; top: 5.941316937939234%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.24248615251200878); position: absolute;'>★</div><div style='left: 89.15686068466502%; top: 50.623774241554045%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.48479414948977395); position: absolute;'>★</div><div style='left: 94.12241282993334%; top: 48.86472079426775%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.21328657804013418); position: absolute;'>★</div><div style='left: 91.59310508168178%; top: 22.459440845923783%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.41319524660024376); position: absolute;'>★</div><div style='left: 35.52313975326231%; top: 4.2887898140935405%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.9784003735801856); position: absolute;'>★</div><div style='left: 22.038855400244216%; top: 50.883717663720496%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.4660062486605122); position: absolute;'>★</div><div style='left: 48.43135955759416%; top: 99.71735684770874%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.14793576751825843); position: absolute;'>★</div><div style='left: 90.97192840614674%; top: 2.315438946840287%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.47282619698941664); position: absolute;'>★</div><div style='left: 95.11618896376889%; top: 33.55602344498474%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.44415374872830127); position: absolute;'>★</div><div style='left: 71.3786331654725%; top: 89.04247502791038%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.9207611656436908); position: absolute;'>★</div><div style='left: 53.58246550443477%; top: 81.73170057062656%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.9475384902299467); position: absolute;'>★</div><div style='left: 22.272329519412505%; top: 88.33111450650163%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.23539181596334435); position: absolute;'>★</div><div style='left: 70.07517165394978%; top: 75.99743313319469%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.3042811259439988); position: absolute;'>★</div><div style='left: 12.274200085403407%; top: 82.45365513505%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.21353451980504345); position: absolute;'>★</div><div style='left: 45.80285271117624%; top: 24.03891433351667%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.25174000327688006); position: absolute;'>★</div><div style='left: 58.63488751165357%; top: 20.21789849454264%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.47502546652549416); position: absolute;'>★</div><div style='left: 68.06295463097453%; top: 86.99083488047543%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.6988303751862974); position: absolute;'>★</div><div style='left: 73.30366917455825%; top: 50.383156449532265%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.1059125503251388); position: absolute;'>★</div><div style='left: 4.852527190069001%; top: 0.9895178979340669%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.5116771501564192); position: absolute;'>★</div><div style='left: 96.38232716658048%; top: 38.71474177855079%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.9325762845862948); position: absolute;'>★</div><div style='left: 4.953832299420702%; top: 21.472722510156604%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.4008511559756319); position: absolute;'>★</div><div style='left: 74.66820836015057%; top: 76.46220549276154%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.4082056708943277); position: absolute;'>★</div><div style='left: 76.6504001504598%; top: 5.498375059762184%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.9073484618831783); position: absolute;'>★</div><div style='left: 63.153141555673855%; top: 28.069034244407476%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.5772072918482698); position: absolute;'>★</div><div style='left: 31.132189638780428%; top: 83.37063580997356%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.9366882482705777); position: absolute;'>★</div><div style='left: 54.98066782618639%; top: 34.939019127107215%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.6057403959274391); position: absolute;'>★</div><div style='left: 29.551307215724187%; top: 96.68581923165803%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.7498817847369703); position: absolute;'>★</div><div style='left: 70.4586235412398%; top: 98.15611159371942%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.2638900092079052); position: absolute;'>★</div><div style='left: 87.68061096420459%; top: 25.717346942008334%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.05215023254067386); position: absolute;'>★</div><div style='left: 56.350219402176684%; top: 43.75591887974421%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.136451110510736); position: absolute;'>★</div><div style='left: 6.061681103711414%; top: 91.86279225667393%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.49702147495049687); position: absolute;'>★</div><div style='left: 17.526421053111985%; top: 17.89258343517368%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.9393912075647848); position: absolute;'>★</div><div style='left: 91.78144797705596%; top: 42.8676556778486%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.5960650799355163); position: absolute;'>★</div><div style='left: 29.370028158688132%; top: 59.59716034843821%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.5788720152393004); position: absolute;'>★</div><div style='left: 67.57269838056058%; top: 10.085158183996546%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.27413852720367704); position: absolute;'>★</div><div style='left: 99.54033266763741%; top: 7.548689007110221%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.37062705165934084); position: absolute;'>★</div><div style='left: 59.04685932674825%; top: 21.611828301136594%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.2850838420700673); position: absolute;'>★</div><div style='left: 7.590922160765712%; top: 53.84761145973725%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.12985625897698716); position: absolute;'>★</div><div style='left: 48.15156763543148%; top: 66.54778004965071%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.3862428646609426); position: absolute;'>★</div><div style='left: 62.32274083542385%; top: 93.55373779596147%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.516834101370055); position: absolute;'>★</div><div style='left: 99.2294689215363%; top: 95.26039332718565%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.6480957616032758); position: absolute;'>★</div><div style='left: 82.74619858977488%; top: 64.05596774460881%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.4938096077837246); position: absolute;'>★</div><div style='left: 47.340301703555454%; top: 24.410974482833325%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.3002309062776509); position: absolute;'>★</div><div style='left: 56.75610053867924%; top: 24.778114673973217%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.0913854083921144); position: absolute;'>★</div><div style='left: 57.14864785302945%; top: 40.94151062378175%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.5745370698450609); position: absolute;'>★</div><div style='left: 35.53977901639951%; top: 68.34228126171449%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.9278950257487878); position: absolute;'>★</div><div style='left: 99.73612593696522%; top: 18.981580932742226%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.49478725918741073); position: absolute;'>★</div><div style='left: 7.686240828887813%; top: 3.7984875970211274%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.32873420111244545); position: absolute;'>★</div><div style='left: 22.335851178078446%; top: 32.46018768722501%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.9965973254573018); position: absolute;'>★</div><div style='left: 58.09856935623217%; top: 73.46532021798805%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.4785921558049706); position: absolute;'>★</div><div style='left: 31.029164250681852%; top: 76.23332227515897%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.30833837941612574); position: absolute;'>★</div><div style='left: 68.67760286211183%; top: 78.5513172074245%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.6967648274540497); position: absolute;'>★</div><div style='left: 5.669624435369169%; top: 51.71152579594889%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.8925156439132093); position: absolute;'>★</div><div style='left: 82.2697075610552%; top: 70.47664966309118%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.8736637199665122); position: absolute;'>★</div><div style='left: 71.1814896654906%; top: 43.167850866952776%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.4004103284650713); position: absolute;'>★</div><div style='left: 96.43872372255785%; top: 85.77080670661165%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.4308838186394619); position: absolute;'>★</div><div style='left: 8.278071819927057%; top: 67.36698623970547%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.1285747183215703); position: absolute;'>★</div><div style='left: 60.86517079386849%; top: 81.61622574981405%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.9763736772847273); position: absolute;'>★</div><div style='left: 89.70887366247298%; top: 4.409984493420216%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.6367019667115934); position: absolute;'>★</div><div style='left: 58.584537800569215%; top: 95.1572313200552%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.6371226228812576); position: absolute;'>★</div><div style='left: 89.5142454066686%; top: 42.71724531551126%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.6093931573589964); position: absolute;'>★</div><div style='left: 30.359535503883972%; top: 15.033222232244281%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.029963159957158148); position: absolute;'>★</div><div style='left: 42.14102273626643%; top: 67.98445233629836%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.6908466239962546); position: absolute;'>★</div><div style='left: 75.2296931606767%; top: 9.108243766287782%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.23193888086694603); position: absolute;'>★</div><div style='left: 38.87424324365214%; top: 30.119194383524594%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.8911302721983697); position: absolute;'>★</div><div style='left: 77.81699621703054%; top: 97.3617832717964%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.7730205416466932); position: absolute;'>★</div><div style='left: 2.5247414532783785%; top: 20.861118808602384%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.7320868430624727); position: absolute;'>★</div><div style='left: 70.62682275720205%; top: 54.258930265336545%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.6407112139016415); position: absolute;'>★</div><div style='left: 65.3227928941126%; top: 65.9846913460876%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.7377826163991356); position: absolute;'>★</div><div style='left: 62.01662912143957%; top: 71.62979423922442%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.10000152430941356); position: absolute;'>★</div><div style='left: 91.42862948726585%; top: 9.828653326144964%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.24432795457999212); position: absolute;'>★</div><div style='left: 65.73652983953069%; top: 89.76708709750702%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.5632850891690095); position: absolute;'>★</div><div style='left: 2.5388094514977033%; top: 82.2984964864053%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.8185241021224081); position: absolute;'>★</div><div style='left: 86.79198176236287%; top: 76.04196613254472%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.22269422500834823); position: absolute;'>★</div><div style='left: 53.40796330303169%; top: 50.62342569977508%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.8178088243529836); position: absolute;'>★</div><div style='left: 91.21826655105194%; top: 38.35676149134751%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.491069815351044); position: absolute;'>★</div><div style='left: 74.04153651345891%; top: 90.24658512187716%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.6044082002330079); position: absolute;'>★</div><div style='left: 27.26762417319645%; top: 14.61881414276628%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.6839590058190916); position: absolute;'>★</div><div style='left: 1.5019518166597523%; top: 55.84043437826145%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.32535030008098387); position: absolute;'>★</div><div style='left: 97.63885835543923%; top: 16.40006981975598%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.17446276681484185); position: absolute;'>★</div><div style='left: 3.1997897654721386%; top: 69.32329168059977%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.5412706535273794); position: absolute;'>★</div><div style='left: 38.934547243317%; top: 25.40508392938262%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.06822958414230273); position: absolute;'>★</div><div style='left: 3.275847128236453%; top: 77.29986555303108%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.8842034678521683); position: absolute;'>★</div><div style='left: 75.12366637820828%; top: 99.80850048490025%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.45458845254378977); position: absolute;'>★</div><div style='left: 9.53583465499136%; top: 35.564477420549565%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.7081121371642488); position: absolute;'>★</div><div style='left: 72.4749092799382%; top: 18.540558401940178%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.4152959789034686); position: absolute;'>★</div><div style='left: 73.2183816810614%; top: 13.210155326697915%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.8725094804218323); position: absolute;'>★</div><div style='left: 71.22883847173357%; top: 60.70723557421584%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.42654784943863344); position: absolute;'>★</div><div style='left: 74.22163760689841%; top: 73.62864931899291%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.3503620957208299); position: absolute;'>★</div><div style='left: 8.713250353077884%; top: 9.43026432407451%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.5458144779014223); position: absolute;'>★</div><div style='left: 9.760550660197753%; top: 8.797307888428119%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.8956809731101584); position: absolute;'>★</div><div style='left: 71.04177164038312%; top: 49.719202208171296%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.3579832019967534); position: absolute;'>★</div><div style='left: 95.56566737072835%; top: 8.326056267256776%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.8337133051103833); position: absolute;'>★</div><div style='left: 63.340568291386056%; top: 75.11729749747009%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.052341931510260675); position: absolute;'>★</div><div style='left: 27.89883870011296%; top: 78.95405754459233%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.6750903962103055); position: absolute;'>★</div><div style='left: 79.71641876514333%; top: 67.95529573756623%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.2843228966810837); position: absolute;'>★</div><div style='left: 0.3189421341911802%; top: 23.837633449918183%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.015005889426132568); position: absolute;'>★</div><div style='left: 82.4504601133411%; top: 44.51169220175818%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.3717865918363179); position: absolute;'>★</div><div style='left: 26.170995180081224%; top: 94.94270271173157%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.06876295575880409); position: absolute;'>★</div><div style='left: 67.70535318544246%; top: 37.78582463399411%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.5951712027468262); position: absolute;'>★</div><div style='left: 28.394509058553%; top: 20.575977777631415%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.1644447972317432); position: absolute;'>★</div><div style='left: 98.52773723993845%; top: 89.58454089733361%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.2572665664542003); position: absolute;'>★</div><div style='left: 28.530497907729146%; top: 37.56424850737502%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.9697364379868101); position: absolute;'>★</div><div style='left: 34.68971178230659%; top: 99.32505011919514%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.8051144001033319); position: absolute;'>★</div><div style='left: 7.614198581724008%; top: 40.44517471648217%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.8513105986564868); position: absolute;'>★</div><div style='left: 45.12386627842514%; top: 30.37622628118093%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.29537387969460294); position: absolute;'>★</div><div style='left: 91.89588775679016%; top: 80.4368441780457%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.9639101867160818); position: absolute;'>★</div><div style='left: 2.2111536694272016%; top: 81.02737903445629%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.7254434009962236); position: absolute;'>★</div><div style='left: 75.22072148155343%; top: 88.18344517162652%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.2345441956555716); position: absolute;'>★</div><div style='left: 93.93570397328716%; top: 41.29455559301584%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.7826803489401433); position: absolute;'>★</div><div style='left: 62.2554972189905%; top: 39.32655080396601%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.8577763796080742); position: absolute;'>★</div><div style='left: 1.5683424995218798%; top: 91.25456026892803%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.044963580275176995); position: absolute;'>★</div><div style='left: 79.01919323402848%; top: 56.001103386957155%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.9855506135752279); position: absolute;'>★</div><div style='left: 74.06350083009539%; top: 6.9808132542887975%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.3471626043001572); position: absolute;'>★</div><div style='left: 99.62358723774844%; top: 74.378561545442%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.35401241677273654); position: absolute;'>★</div><div style='left: 64.65330340142648%; top: 21.385409398869204%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.3815320104985581); position: absolute;'>★</div><div style='left: 89.9568407173968%; top: 83.91089851288024%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.24484287482862555); position: absolute;'>★</div><div style='left: 96.46733746921232%; top: 72.88763784250722%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.7565386720294822); position: absolute;'>★</div><div style='left: 14.134767755791644%; top: 4.893271371387076%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.6970627359579606); position: absolute;'>★</div><div style='left: 55.93932155999759%; top: 94.31561689394648%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.3408731717490533); position: absolute;'>★</div><div style='left: 66.67577688562935%; top: 18.889560090558167%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.08432402381385629); position: absolute;'>★</div><div style='left: 44.29703695597098%; top: 47.19107985933378%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.05860042615212979); position: absolute;'>★</div><div style='left: 42.265498673638355%; top: 11.481742246699088%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.47023796785170213); position: absolute;'>★</div><div style='left: 65.79130472999265%; top: 96.595395076637%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.26271172010128485); position: absolute;'>★</div><div style='left: 94.49687913029298%; top: 50.66955938760057%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.0323835040727255); position: absolute;'>★</div><div style='left: 9.038847397251493%; top: 35.23439479780362%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.6769501223637974); position: absolute;'>★</div><div style='left: 72.96692729542437%; top: 14.393959968551018%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.08572948687850312); position: absolute;'>★</div><div style='left: 62.620169817338954%; top: 77.27837586103055%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.05064916182640333); position: absolute;'>★</div><div style='left: 9.63656695247691%; top: 2.064682596662337%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.21051913915239429); position: absolute;'>★</div><div style='left: 8.327723450668234%; top: 13.057839258335557%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.7163246988277471); position: absolute;'>★</div><div style='left: 4.729342153304739%; top: 26.52834948817009%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.7641170703253226); position: absolute;'>★</div><div style='left: 81.6746995009447%; top: 61.26605572895216%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.9328950300077045); position: absolute;'>★</div><div style='left: 38.33360522856378%; top: 29.85550493356952%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.1549805340068029); position: absolute;'>★</div><div style='left: 49.842960220533236%; top: 2.5555511209941484%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.4165913165648981); position: absolute;'>★</div><div style='left: 99.03566204644132%; top: 64.34067990968543%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.019328365580452922); position: absolute;'>★</div><div style='left: 62.68588380403987%; top: 5.070306077600561%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.20916875783028677); position: absolute;'>★</div><div style='left: 10.169002949334672%; top: 79.4531540040553%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.5452705798638066); position: absolute;'>★</div><div style='left: 37.6811727966314%; top: 20.988573635697673%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.04922034118199359); position: absolute;'>★</div><div style='left: 45.532487273305634%; top: 46.51291196533711%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.066292632111837); position: absolute;'>★</div><div style='left: 13.529497314639926%; top: 17.705056351098992%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.5381393865352471); position: absolute;'>★</div><div style='left: 35.46542263270553%; top: 37.3552765439118%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.10759866986260502); position: absolute;'>★</div><div style='left: 9.78889512889527%; top: 95.19831079150666%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.2981281482472219); position: absolute;'>★</div><div style='left: 77.31186536820289%; top: 0.7486928449264463%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.644078432975612); position: absolute;'>★</div><div style='left: 55.94173748751754%; top: 48.17634299906577%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.46625614588946007); position: absolute;'>★</div><div style='left: 52.80189056149528%; top: 59.48039390191053%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.5917214867504855); position: absolute;'>★</div><div style='left: 80.43158506331575%; top: 33.88845352922583%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.5056911360416544); position: absolute;'>★</div><div style='left: 47.188707679998956%; top: 89.96692671857357%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.5311558576924759); position: absolute;'>★</div><div style='left: 99.00013789756245%; top: 53.99639858123989%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.8571861711474715); position: absolute;'>★</div><div style='left: 91.06920940299345%; top: 93.20055595741815%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.3026038332736528); position: absolute;'>★</div><div style='left: 26.12879994426438%; top: 3.317224300015509%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.89647797293041); position: absolute;'>★</div><div style='left: 82.8505439380849%; top: 11.784255393381503%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.6185654457767282); position: absolute;'>★</div><div style='left: 67.22840418198587%; top: 96.73997320027719%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.9394184503071167); position: absolute;'>★</div><div style='left: 13.839970715582394%; top: 17.52576935545719%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.09828451977536068); position: absolute;'>★</div><div style='left: 70.79087904839238%; top: 46.19146116512063%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.6120071439590061); position: absolute;'>★</div><div style='left: 25.52095404350132%; top: 77.47359003523114%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.6550067342332392); position: absolute;'>★</div><div style='left: 69.8095522952891%; top: 72.63459456082948%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.7196600048532644); position: absolute;'>★</div><div style='left: 7.770117481957051%; top: 27.837337285130303%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.9966794569215974); position: absolute;'>★</div><div style='left: 35.85437054286776%; top: 76.79403723101836%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.2033324449639593); position: absolute;'>★</div><div style='left: 85.67431483028462%; top: 49.04522135519972%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.9825608943826468); position: absolute;'>★</div><div style='left: 27.21637535874234%; top: 38.735597884607756%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.7611348848733079); position: absolute;'>★</div><div style='left: 3.941036637409112%; top: 85.52745003770646%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.36104580916552353); position: absolute;'>★</div><div style='left: 29.553915641319517%; top: 90.46606681529461%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.5750051705415264); position: absolute;'>★</div><div style='left: 0.6541648067148964%; top: 97.13218181908897%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.9016099118117594); position: absolute;'>★</div><div style='left: 36.36325001365478%; top: 11.329707840972569%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.3638457304611158); position: absolute;'>★</div><div style='left: 28.918059409803163%; top: 22.0478457416335%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.4128836353390716); position: absolute;'>★</div><div style='left: 87.45984430457969%; top: 45.74443515997033%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.6818467252143561); position: absolute;'>★</div><div style='left: 59.37030094376999%; top: 96.11973966078193%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.32422113325541757); position: absolute;'>★</div><div style='left: 2.212756497768309%; top: 29.29625015780629%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.7026970777273839); position: absolute;'>★</div><div style='left: 55.81616510172659%; top: 79.91383805154906%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.5805913956372005); position: absolute;'>★</div><div style='left: 99.65216487208971%; top: 78.84242367045684%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.43690977562153954); position: absolute;'>★</div><div style='left: 38.75834305429405%; top: 44.39208655033372%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.8332053938131199); position: absolute;'>★</div><div style='left: 93.13541949531307%; top: 3.4646740025129907%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.6235112482112558); position: absolute;'>★</div><div style='left: 0.2506420824021527%; top: 67.58949829066164%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.36817473172519655); position: absolute;'>★</div><div style='left: 72.32669505496908%; top: 66.48976508893755%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.2682628729835078); position: absolute;'>★</div><div style='left: 28.980564919029817%; top: 86.30369940994686%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.32783453507597937); position: absolute;'>★</div><div style='left: 94.14007856234163%; top: 79.72095021929843%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.8201276852929602); position: absolute;'>★</div><div style='left: 98.4839038748322%; top: 1.662326937188674%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.2689354715051604); position: absolute;'>★</div><div style='left: 45.39020855238414%; top: 45.194273750071865%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.4545483749819792); position: absolute;'>★</div><div style='left: 11.233137400928783%; top: 7.957996822512903%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.3322288302404577); position: absolute;'>★</div><div style='left: 51.010010999904445%; top: 95.2853041580779%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.2892142485703627); position: absolute;'>★</div><div style='left: 5.682395213470636%; top: 56.750699076305466%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.14719492975663406); position: absolute;'>★</div><div style='left: 58.498104979874924%; top: 24.968470111945763%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.9076049163857981); position: absolute;'>★</div><div style='left: 92.62114081078803%; top: 84.25704083287657%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.2807143468957779); position: absolute;'>★</div><div style='left: 94.99892074686245%; top: 29.64545681653542%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.995722224755724); position: absolute;'>★</div><div style='left: 82.27502703349523%; top: 42.6086194855361%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.9959683156152416); position: absolute;'>★</div><div style='left: 70.83192594414172%; top: 93.5071767080202%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.3250126570340478); position: absolute;'>★</div><div style='left: 43.534090923412094%; top: 61.98367676474733%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.9488766237290936); position: absolute;'>★</div><div style='left: 90.89387827982758%; top: 27.873230896387348%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.22229704615855583); position: absolute;'>★</div><div style='left: 58.31909375377412%; top: 11.940814913581399%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.8982987428284253); position: absolute;'>★</div><div style='left: 63.304033739394406%; top: 68.2677947459388%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.3082289218400833); position: absolute;'>★</div><div style='left: 57.419247296957664%; top: 71.95063021423435%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.14703333189510426); position: absolute;'>★</div><div style='left: 38.99452971411057%; top: 4.9358511884438965%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.23032299687752722); position: absolute;'>★</div><div style='left: 36.295465682255966%; top: 88.34868225111715%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.11981579068278914); position: absolute;'>★</div><div style='left: 85.6447856377338%; top: 17.062710481688192%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.5010238914519556); position: absolute;'>★</div><div style='left: 81.50867531321558%; top: 3.3113409299242336%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.356467493929161); position: absolute;'>★</div><div style='left: 2.998672733366081%; top: 36.32826812509515%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.43197435977256315); position: absolute;'>★</div><div style='left: 39.05000030555178%; top: 99.29486512043607%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.6833079132522426); position: absolute;'>★</div><div style='left: 8.874692175119513%; top: 6.909826269516762%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.44792745404207746); position: absolute;'>★</div><div style='left: 77.21664315634601%; top: 87.45720300015006%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.7450191160349782); position: absolute;'>★</div><div style='left: 27.982520501665697%; top: 89.53452768413658%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.7011055287038279); position: absolute;'>★</div><div style='left: 78.77341676203645%; top: 0.9225609930814227%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.7069563330860705); position: absolute;'>★</div><div style='left: 54.97402305077136%; top: 49.57743503304025%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.803303378990174); position: absolute;'>★</div><div style='left: 98.29562438659435%; top: 41.2785170618899%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.8544515226909795); position: absolute;'>★</div><div style='left: 36.03114428127283%; top: 10.526483103850337%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.11833386732081597); position: absolute;'>★</div><div style='left: 88.6746461693101%; top: 86.0819321572092%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.3944862190211882); position: absolute;'>★</div><div style='left: 82.8266627856257%; top: 25.325646594706342%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.9920090344539); position: absolute;'>★</div><div style='left: 98.42119011379414%; top: 4.029980332026373%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.6565377889333383); position: absolute;'>★</div><div style='left: 98.63995865505294%; top: 28.626345109799324%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.42478347976966); position: absolute;'>★</div><div style='left: 45.27673961545325%; top: 6.633486295518731%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.5956179798168416); position: absolute;'>★</div><div style='left: 33.44528702693076%; top: 74.01389747462287%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.9713967274246361); position: absolute;'>★</div><div style='left: 57.31787001050154%; top: 32.851205213810374%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.2648516679416193); position: absolute;'>★</div><div style='left: 86.81142464264666%; top: 22.146380685043276%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.2238905899526551); position: absolute;'>★</div><div style='left: 61.411188179706386%; top: 52.26651565697733%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.1926049981057485); position: absolute;'>★</div><div style='left: 76.57628879405397%; top: 1.5257144133561829%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.29790477728494524); position: absolute;'>★</div><div style='left: 19.690854643063695%; top: 67.05284030621999%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.9428445293397527); position: absolute;'>★</div><div style='left: 38.53462840957375%; top: 42.68849700426255%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.45947957161463215); position: absolute;'>★</div><div style='left: 94.52000345103635%; top: 15.654160995196442%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.25907503499328666); position: absolute;'>★</div><div style='left: 46.0876955950152%; top: 6.099096373318613%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.3232714401918345); position: absolute;'>★</div><div style='left: 7.153825627741606%; top: 63.31490686487326%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.9101119297984611); position: absolute;'>★</div><div style='left: 77.33558207885693%; top: 23.627001842672968%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.0887734006602231); position: absolute;'>★</div><div style='left: 62.40937928342796%; top: 93.94093454365796%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.0063947779913361424); position: absolute;'>★</div><div style='left: 82.20556478343927%; top: 9.797482294402782%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.28023624823853566); position: absolute;'>★</div><div style='left: 89.55094189719574%; top: 66.0406378080851%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.5877653100813965); position: absolute;'>★</div><div style='left: 83.0070440437488%; top: 6.092894762777956%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.3317068665634504); position: absolute;'>★</div><div style='left: 99.39668131206942%; top: 70.59784616679546%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.9542917980676993); position: absolute;'>★</div><div style='left: 90.49291880729994%; top: 51.54953350233205%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.5094889258765466); position: absolute;'>★</div><div style='left: 56.34489183296486%; top: 3.8383436908033697%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.049338506922384395); position: absolute;'>★</div><div style='left: 3.575535197483093%; top: 48.89682667880743%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.18171243124936098); position: absolute;'>★</div><div style='left: 30.57680385374477%; top: 34.62770806869637%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.29498903211420646); position: absolute;'>★</div><div style='left: 9.478922194409279%; top: 25.489748863608995%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.42028049242822174); position: absolute;'>★</div><div style='left: 42.05287419199251%; top: 73.06321667542487%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.01178844078861685); position: absolute;'>★</div><div style='left: 2.5422595359240963%; top: 68.1166375647122%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.6196184672805279); position: absolute;'>★</div><div style='left: 48.53540186764692%; top: 23.707283145840297%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.5680774858273845); position: absolute;'>★</div><div style='left: 38.997128963558566%; top: 12.502636528906908%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.383632128590387); position: absolute;'>★</div><div style='left: 58.7449208686461%; top: 52.28333177252901%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.7832792385593325); position: absolute;'>★</div><div style='left: 33.61682878691546%; top: 2.6018518188059114%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.08757960950829702); position: absolute;'>★</div><div style='left: 31.01340764649737%; top: 40.15546698981288%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.38215570196811244); position: absolute;'>★</div><div style='left: 87.10233104194242%; top: 8.859038770951322%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.08802572610098791); position: absolute;'>★</div><div style='left: 34.42961234065236%; top: 7.693539549876105%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.4485458344515929); position: absolute;'>★</div><div style='left: 9.962912396991042%; top: 62.61863250860507%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.09045752810583063); position: absolute;'>★</div><div style='left: 76.57308784751956%; top: 32.71604224470565%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.11775969890385607); position: absolute;'>★</div><div style='left: 93.02927000844883%; top: 95.56352663843273%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.8575353055928374); position: absolute;'>★</div><div style='left: 64.9617084428148%; top: 64.13779636530728%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.14833888352289926); position: absolute;'>★</div><div style='left: 85.13381333481854%; top: 62.52687833941373%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.3760258093921206); position: absolute;'>★</div><div style='left: 16.51464513779205%; top: 65.30160868763289%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.1873293145626539); position: absolute;'>★</div><div style='left: 49.648323522576476%; top: 55.21652348451038%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.9511443117855173); position: absolute;'>★</div><div style='left: 90.58376701591311%; top: 8.339961877698176%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.37288694709821746); position: absolute;'>★</div><div style='left: 59.34085643345771%; top: 28.321275911636512%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.05230844242152877); position: absolute;'>★</div><div style='left: 62.97694121100639%; top: 74.02187703181401%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.07055063123708305); position: absolute;'>★</div><div style='left: 74.75481838709965%; top: 57.796373365782685%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.6093093742044585); position: absolute;'>★</div><div style='left: 90.90826191046125%; top: 25.23169427605467%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.11923373115309233); position: absolute;'>★</div><div style='left: 57.11307692299883%; top: 14.108822337460047%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.6635896441293175); position: absolute;'>★</div><div style='left: 71.92768274810096%; top: 61.11920516175348%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.2502235343155217); position: absolute;'>★</div><div style='left: 60.269887772163635%; top: 76.84639925609325%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.3425884128985377); position: absolute;'>★</div><div style='left: 76.60278705800062%; top: 37.70815499135853%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.8535619043508257); position: absolute;'>★</div><div style='left: 30.408666880328173%; top: 27.4378221145807%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.19333045006486171); position: absolute;'>★</div><div style='left: 23.516572368548893%; top: 46.9732629066482%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.16114827807186383); position: absolute;'>★</div><div style='left: 46.25770366300112%; top: 88.22051143258359%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.5323780585271001); position: absolute;'>★</div><div style='left: 67.25633687119648%; top: 67.10316896485075%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.08097344072963908); position: absolute;'>★</div><div style='left: 92.83897742323067%; top: 65.10572094997798%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.19756081440625173); position: absolute;'>★</div><div style='left: 28.618158256433148%; top: 81.45121754296883%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.7673587999178345); position: absolute;'>★</div><div style='left: 38.6629181918369%; top: 69.34454428653096%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.4071057629850957); position: absolute;'>★</div><div style='left: 31.546666224807662%; top: 44.820982159393495%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.8408246182167263); position: absolute;'>★</div><div style='left: 79.9662195913895%; top: 80.18906817040391%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.2925606077863484); position: absolute;'>★</div><div style='left: 43.022017104411134%; top: 41.707316092029586%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.7282475840991973); position: absolute;'>★</div><div style='left: 14.631625964261419%; top: 11.707622195688828%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.6983097542443466); position: absolute;'>★</div><div style='left: 84.5764456039192%; top: 13.498905355057422%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.2811579442911778); position: absolute;'>★</div><div style='left: 35.699220218460994%; top: 82.55801568173283%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.9950834620100883); position: absolute;'>★</div><div style='left: 69.7347403402101%; top: 75.24131028918545%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.11156341020045613); position: absolute;'>★</div><div style='left: 48.98293555216362%; top: 4.60736088362641%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.23169476005055833); position: absolute;'>★</div><div style='left: 29.838529815764904%; top: 6.310275727966552%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.006529278161768959); position: absolute;'>★</div><div style='left: 85.15076553042836%; top: 95.21040310499436%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.1684900013674363); position: absolute;'>★</div><div style='left: 43.84080385226511%; top: 26.0142312130087%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.6183235423920398); position: absolute;'>★</div><div style='left: 13.404597169484123%; top: 48.80987572237624%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.6638244492544587); position: absolute;'>★</div><div style='left: 33.689910064218964%; top: 72.86152656720672%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.2064602415445107); position: absolute;'>★</div><div style='left: 98.01391361477944%; top: 98.55008408970593%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.12925428576300135); position: absolute;'>★</div><div style='left: 77.75390989674598%; top: 96.92763822549443%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.1283341486786178); position: absolute;'>★</div><div style='left: 93.88007725906849%; top: 55.20322763137418%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.37872785689482347); position: absolute;'>★</div><div style='left: 57.14993374609776%; top: 26.266533060507445%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.8121102515609264); position: absolute;'>★</div><div style='left: 72.22925061878117%; top: 48.07827446238472%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.7898292025798285); position: absolute;'>★</div><div style='left: 65.62583699554838%; top: 24.372589832007385%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.7595898662702804); position: absolute;'>★</div><div style='left: 89.29416378878948%; top: 9.536769568788417%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.40418760409786736); position: absolute;'>★</div><div style='left: 16.475336828067434%; top: 75.55098948512608%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.3990085099024613); position: absolute;'>★</div><div style='left: 2.9887039634162726%; top: 67.73237617127383%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.0414013971218542); position: absolute;'>★</div><div style='left: 86.72896542520367%; top: 84.09799354632923%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.33797439548336994); position: absolute;'>★</div><div style='left: 34.16732481348139%; top: 64.52564708575048%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.32655003716785935); position: absolute;'>★</div><div style='left: 50.89312249452313%; top: 46.37174362748788%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.9965006067236817); position: absolute;'>★</div><div style='left: 53.94350757009527%; top: 3.7582282167656356%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.5440147452824433); position: absolute;'>★</div><div style='left: 96.67154880558319%; top: 14.20113659297485%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.8301840625470627); position: absolute;'>★</div><div style='left: 5.8785145408630886%; top: 77.57960429043898%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.7302698776877544); position: absolute;'>★</div><div style='left: 19.342323586548925%; top: 88.87708385608975%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.3052128244605682); position: absolute;'>★</div><div style='left: 12.92391268814923%; top: 32.47220013790354%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.8175230211059548); position: absolute;'>★</div><div style='left: 87.78681679632219%; top: 2.0354632266820327%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.8123476485861647); position: absolute;'>★</div><div style='left: 97.89917655602913%; top: 31.37646974893493%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.10456921635861682); position: absolute;'>★</div><div style='left: 12.598087229960885%; top: 84.67178132589778%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.291472589166487); position: absolute;'>★</div><div style='left: 58.729080907488516%; top: 78.96692349106107%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.30675784208976187); position: absolute;'>★</div><div style='left: 40.99126055552359%; top: 28.34088875304036%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.9233643749715899); position: absolute;'>★</div><div style='left: 4.066929882305947%; top: 98.32223348469937%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.3526584254921401); position: absolute;'>★</div><div style='left: 4.301376319732631%; top: 19.11593624870884%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.7203706124406946); position: absolute;'>★</div><div style='left: 15.084390462265596%; top: 29.63654843238236%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.5093684110650101); position: absolute;'>★</div><div style='left: 24.699809101270397%; top: 48.03638914210764%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.37647451430851697); position: absolute;'>★</div><div style='left: 42.92630722656591%; top: 29.815178920614326%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.5341332279517274); position: absolute;'>★</div><div style='left: 57.47528828952385%; top: 77.21943096674025%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.5503675084508127); position: absolute;'>★</div><div style='left: 23.633896569913947%; top: 64.74823700474064%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.5057204829692454); position: absolute;'>★</div><div style='left: 36.967498799681366%; top: 57.82812632694666%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.24555991108040454); position: absolute;'>★</div><div style='left: 78.41873538529643%; top: 45.77609099682521%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.990907493527586); position: absolute;'>★</div><div style='left: 9.540088122105207%; top: 48.644589185767536%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.9000209493704037); position: absolute;'>★</div><div style='left: 95.78317805638234%; top: 51.08969643328932%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.07535083545909005); position: absolute;'>★</div><div style='left: 60.31696512251025%; top: 10.04048990578088%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.16624878518651598); position: absolute;'>★</div><div style='left: 71.86432879795154%; top: 66.41203374145081%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.5700326826639461); position: absolute;'>★</div><div style='left: 92.12623693746077%; top: 88.2272407265055%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.6112953796171215); position: absolute;'>★</div><div style='left: 97.56285214556868%; top: 84.4702075803157%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.48537486904950233); position: absolute;'>★</div><div style='left: 87.06671733514386%; top: 80.46683496578181%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.4690851436542255); position: absolute;'>★</div><div style='left: 3.719184028734024%; top: 76.23418168267072%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.5804753119687867); position: absolute;'>★</div><div style='left: 65.15367839098327%; top: 22.91721963187314%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.45436754089267983); position: absolute;'>★</div><div style='left: 42.1560110596936%; top: 22.784356587420106%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.06134053896509195); position: absolute;'>★</div><div style='left: 7.287463819215267%; top: 20.239611416798997%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.7589595430597943); position: absolute;'>★</div><div style='left: 5.61197891043399%; top: 90.6656456820081%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.1626357267961921); position: absolute;'>★</div><div style='left: 60.23735116073511%; top: 23.252804505959233%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.03782785909223785); position: absolute;'>★</div><div style='left: 73.35779562642448%; top: 80.93757794594129%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.9884404050861212); position: absolute;'>★</div><div style='left: 80.56182560830568%; top: 28.19532188567184%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.04474222166300845); position: absolute;'>★</div><div style='left: 47.68599311181416%; top: 67.14172398815286%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.727519899845082); position: absolute;'>★</div><div style='left: 67.94765196047237%; top: 28.297399139544943%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.04993744557777535); position: absolute;'>★</div><div style='left: 49.11148660203809%; top: 36.89794279445786%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.16850230675912148); position: absolute;'>★</div><div style='left: 28.530515509917752%; top: 84.4182974970464%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.32189732521429126); position: absolute;'>★</div><div style='left: 16.552265308791327%; top: 50.02666554081606%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.37677683348593716); position: absolute;'>★</div><div style='left: 98.0064414703907%; top: 35.607533610821875%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.712465298923404); position: absolute;'>★</div><div style='left: 64.62751022681879%; top: 79.85397157810957%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.6267800351567604); position: absolute;'>★</div><div style='left: 43.440067199093015%; top: 90.84414683893813%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.8532336451587096); position: absolute;'>★</div><div style='left: 19.678413813306673%; top: 57.38154673432536%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.0031968015276815365); position: absolute;'>★</div><div style='left: 45.0523928846322%; top: 85.63045306908094%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.29621554890562196); position: absolute;'>★</div><div style='left: 26.947645076833805%; top: 8.66805351594021%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.6529714278306824); position: absolute;'>★</div><div style='left: 84.81388207559922%; top: 79.45197775342317%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.3733543700916272); position: absolute;'>★</div><div style='left: 64.37562738248862%; top: 83.18022544181886%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.3882422613324096); position: absolute;'>★</div><div style='left: 59.08659022729411%; top: 24.90058629359889%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.7432786600999918); position: absolute;'>★</div><div style='left: 15.108002734098381%; top: 11.990947416327725%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.46529386717931864); position: absolute;'>★</div><div style='left: 12.611364855003593%; top: 58.729744573642584%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.2541238128786284); position: absolute;'>★</div><div style='left: 26.492067911697102%; top: 86.38669818612291%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.5552716627559443); position: absolute;'>★</div><div style='left: 7.737825454410164%; top: 51.05444439424426%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.18136093447800794); position: absolute;'>★</div><div style='left: 0.4386724535546116%; top: 22.260987774921425%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.9378095613900065); position: absolute;'>★</div><div style='left: 44.67778359803557%; top: 40.287437872628274%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.036200690745819664); position: absolute;'>★</div><div style='left: 88.1416943067117%; top: 18.140721250950865%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.4232768433159746); position: absolute;'>★</div><div style='left: 53.08836851670718%; top: 35.58200068518158%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.7395987667439186); position: absolute;'>★</div><div style='left: 73.08196415680813%; top: 87.21834543771078%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.23738290680002827); position: absolute;'>★</div><div style='left: 9.119265510792584%; top: 56.743784206510696%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.7730659939128472); position: absolute;'>★</div><div style='left: 18.852687226102304%; top: 28.792257474418072%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.5095434602110253); position: absolute;'>★</div><div style='left: 93.79747160110718%; top: 69.42803508805079%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.08992320875097948); position: absolute;'>★</div><div style='left: 85.37532955416626%; top: 54.06520737340846%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.16521673098097722); position: absolute;'>★</div><div style='left: 13.931326723828352%; top: 29.54796083759501%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.40948512882443777); position: absolute;'>★</div><div style='left: 67.07806518555948%; top: 58.1277658545506%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.6534353224782291); position: absolute;'>★</div><div style='left: 86.50742704866272%; top: 14.139155095063582%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.06278448246359647); position: absolute;'>★</div><div style='left: 22.57933841131442%; top: 89.74517867855107%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.6758487646710625); position: absolute;'>★</div><div style='left: 10.561772141382164%; top: 59.75055083209566%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.8341910968784513); position: absolute;'>★</div><div style='left: 91.52154578130377%; top: 62.982243434534105%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.66858065150981); position: absolute;'>★</div><div style='left: 4.323339831424322%; top: 20.670832528165974%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.7137569087454345); position: absolute;'>★</div><div style='left: 6.759739503662754%; top: 66.42052783857089%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.5951510491152331); position: absolute;'>★</div><div style='left: 42.44098630636789%; top: 72.15225588109251%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.5955154284242642); position: absolute;'>★</div><div style='left: 78.73370054155653%; top: 5.379693438028454%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.024932592602492254); position: absolute;'>★</div><div style='left: 92.89827907389254%; top: 12.303895169045099%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.3963553254451804); position: absolute;'>★</div><div style='left: 41.58907795731266%; top: 87.94928333377919%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.9282685288514833); position: absolute;'>★</div><div style='left: 6.077397148340225%; top: 26.443911595758994%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.058178049610460913); position: absolute;'>★</div><div style='left: 85.9288569598918%; top: 77.9670315360652%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.9792202967965394); position: absolute;'>★</div><div style='left: 82.61078376482361%; top: 57.3543719905438%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.1596004729171121); position: absolute;'>★</div><div style='left: 85.89633147186323%; top: 6.7444904878779415%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.9856561861047067); position: absolute;'>★</div><div style='left: 17.044836019795785%; top: 15.816321582824832%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.22066065527927325); position: absolute;'>★</div><div style='left: 12.857491156494827%; top: 8.350445247185634%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.3317538760982971); position: absolute;'>★</div><div style='left: 36.976889369040286%; top: 43.48554198694576%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.028246390324756065); position: absolute;'>★</div><div style='left: 33.442316603119984%; top: 83.44933972495633%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.7282433987643824); position: absolute;'>★</div><div style='left: 79.88936101490083%; top: 22.60788364327465%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.4307196140295102); position: absolute;'>★</div><div style='left: 63.51340482715012%; top: 32.90989314014908%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.7708815593657414); position: absolute;'>★</div><div style='left: 95.51634663239187%; top: 88.75979088172188%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.06490485086796594); position: absolute;'>★</div><div style='left: 99.65810519339769%; top: 65.70000305785277%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.8870406546210483); position: absolute;'>★</div><div style='left: 28.36822346731148%; top: 50.983826947439304%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.6069445758413571); position: absolute;'>★</div><div style='left: 91.18533559752447%; top: 34.435448500526256%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.39084196762401513); position: absolute;'>★</div><div style='left: 76.60201976693418%; top: 58.267621708541824%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.15817635861650614); position: absolute;'>★</div><div style='left: 66.58077253765467%; top: 24.220233571067595%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.36850322562284554); position: absolute;'>★</div><div style='left: 3.130328323827536%; top: 59.842032841095914%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.8583082457388855); position: absolute;'>★</div><div style='left: 91.34887644406811%; top: 31.58038725527875%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.7958099154349315); position: absolute;'>★</div><div style='left: 48.673446211962975%; top: 82.52909915946202%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.6403083928150761); position: absolute;'>★</div><div style='left: 56.757544557215475%; top: 92.1027762972586%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.5452872863546006); position: absolute;'>★</div><div style='left: 80.66153290871799%; top: 78.81367894574457%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.48268854657183113); position: absolute;'>★</div><div style='left: 2.085855524215685%; top: 42.012302191601556%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.6012999899212699); position: absolute;'>★</div><div style='left: 91.24960437875302%; top: 24.9636130040519%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.5931743717317347); position: absolute;'>★</div><div style='left: 52.51714657337045%; top: 74.97328190191968%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.3092502345834437); position: absolute;'>★</div><div style='left: 67.40014288152379%; top: 70.77656280344574%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.9989171273842987); position: absolute;'>★</div><div style='left: 6.884554715458757%; top: 75.24548177069514%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.3080125288173744); position: absolute;'>★</div><div style='left: 18.410773449518004%; top: 14.009350553284838%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.10813007465194502); position: absolute;'>★</div><div style='left: 20.800389357377814%; top: 5.72017369618788%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.23276523871327548); position: absolute;'>★</div><div style='left: 13.18382974686292%; top: 63.68436351856837%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.4517623885099964); position: absolute;'>★</div><div style='left: 2.0965235541777427%; top: 93.56162346912022%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.4746701325550894); position: absolute;'>★</div><div style='left: 88.94795718764553%; top: 56.788263155274144%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.21097553586326057); position: absolute;'>★</div><div style='left: 15.894673286822137%; top: 57.07187597960337%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.5155225471736578); position: absolute;'>★</div><div style='left: 87.48291540968049%; top: 97.45004625955771%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.7667240841377178); position: absolute;'>★</div><div style='left: 25.365559075704102%; top: 83.7658866364354%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.679279840689693); position: absolute;'>★</div><div style='left: 1.8457630768882405%; top: 19.21803860339172%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.6728092949669922); position: absolute;'>★</div><div style='left: 77.44076037659909%; top: 94.31326402327977%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.61505708611692); position: absolute;'>★</div><div style='left: 82.0470080716259%; top: 16.1238349715487%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.2883321303083606); position: absolute;'>★</div><div style='left: 53.21283011411785%; top: 87.07191072600465%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.9307029644794222); position: absolute;'>★</div><div style='left: 41.16485701196222%; top: 38.34008251847385%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.3960488076696367); position: absolute;'>★</div><div style='left: 91.41115431171485%; top: 58.546830884501254%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.607395054980871); position: absolute;'>★</div><div style='left: 97.74115828341078%; top: 52.65693385319903%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.954888863500745); position: absolute;'>★</div><div style='left: 33.81938651712417%; top: 50.913833041774694%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.8429086942759149); position: absolute;'>★</div><div style='left: 42.44032350476012%; top: 17.022139244652358%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.21276298114141956); position: absolute;'>★</div><div style='left: 21.597328725384422%; top: 51.70923467867934%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.5513450326985951); position: absolute;'>★</div><div style='left: 26.423714761149963%; top: 53.738828273858175%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.47142066725606857); position: absolute;'>★</div><div style='left: 40.019067163715796%; top: 69.27256312192836%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.9626192876629583); position: absolute;'>★</div><div style='left: 3.6183686185260466%; top: 68.52307162070763%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.3882705339840439); position: absolute;'>★</div><div style='left: 12.167285655624227%; top: 19.972241743492923%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.6133956237814725); position: absolute;'>★</div><div style='left: 85.38345197717209%; top: 75.54313864394592%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.09967850493856079); position: absolute;'>★</div><div style='left: 89.3083901865071%; top: 50.9807436730441%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.6818783053597123); position: absolute;'>★</div><div style='left: 10.4489797713613%; top: 49.486895766689855%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.6902332621178638); position: absolute;'>★</div><div style='left: 3.4715521679995587%; top: 56.21622605026616%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.07291024323929363); position: absolute;'>★</div><div style='left: 32.11017993451111%; top: 17.33370895563021%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.6335490037547152); position: absolute;'>★</div><div style='left: 73.56355354413006%; top: 13.603142987734573%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.7785048508668708); position: absolute;'>★</div><div style='left: 41.56736440091492%; top: 29.61085030333248%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.6725443905468028); position: absolute;'>★</div><div style='left: 76.53011425467248%; top: 20.115357783938226%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.4912586421233148); position: absolute;'>★</div><div style='left: 88.05071226295021%; top: 90.62381267863448%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.7493317498259261); position: absolute;'>★</div><div style='left: 63.398736851214544%; top: 59.63171926789613%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.39493264467542744); position: absolute;'>★</div><div style='left: 84.05676164727709%; top: 29.843732866956017%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.05527350573742562); position: absolute;'>★</div><div style='left: 60.42380532365913%; top: 67.74699650835637%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.12605912434416966); position: absolute;'>★</div><div style='left: 87.52734924172341%; top: 7.764705051596965%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.9143154739823639); position: absolute;'>★</div><div style='left: 81.76726923721932%; top: 74.61050618382205%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.05948616410027041); position: absolute;'>★</div><div style='left: 37.04455004893492%; top: 88.3641655945371%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.06617974800837811); position: absolute;'>★</div><div style='left: 85.99219831073182%; top: 51.23255546006612%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.7520301646177715); position: absolute;'>★</div><div style='left: 13.84671824882011%; top: 33.55926477211363%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.3112980818222796); position: absolute;'>★</div><div style='left: 83.85992901507247%; top: 23.714329637801367%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.028943723831099777); position: absolute;'>★</div><div style='left: 17.277107087427122%; top: 49.46909775119382%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.7061756945796553); position: absolute;'>★</div><div style='left: 92.81051911882358%; top: 41.22619194381698%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.23597480749605737); position: absolute;'>★</div><div style='left: 45.42494577246373%; top: 38.81803618455273%; transform: translate(-50%, -50%); font-size: 26pt; color: rgba(0,0,0,0.5759231592122236); position: absolute;'>★</div><div style='left: 71.68083752592048%; top: 41.72581896688218%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.35878171964514527); position: absolute;'>★</div><div style='left: 1.8372983749705085%; top: 59.24707445390162%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.22542999220705084); position: absolute;'>★</div><div style='left: 56.690216367315905%; top: 95.89949529363153%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.8194500119334692); position: absolute;'>★</div><div style='left: 77.48037302638481%; top: 23.437329400246654%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.6762158801230747); position: absolute;'>★</div><div style='left: 15.231780293129038%; top: 65.77714071734492%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.30520382474859975); position: absolute;'>★</div><div style='left: 36.625445862304964%; top: 81.46622197576356%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.8555825104335798); position: absolute;'>★</div><div style='left: 92.05551546459594%; top: 46.89378583645072%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.9822063902968383); position: absolute;'>★</div><div style='left: 21.00422484619703%; top: 70.81113712472866%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.19755352238854762); position: absolute;'>★</div><div style='left: 27.749498707511766%; top: 90.74131989735922%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.32211442047345595); position: absolute;'>★</div><div style='left: 28.827109862313492%; top: 36.001757873639676%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.05263042497843906); position: absolute;'>★</div><div style='left: 94.64053352268199%; top: 81.68052271645227%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.1915125672683221); position: absolute;'>★</div><div style='left: 68.74656171741528%; top: 8.095847276834922%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.333775391765872); position: absolute;'>★</div><div style='left: 33.440259001299346%; top: 43.85147887928784%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.38375674296234574); position: absolute;'>★</div><div style='left: 41.172419364257316%; top: 83.72782720768082%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.5130185808982504); position: absolute;'>★</div><div style='left: 32.89181490491215%; top: 36.873651849191546%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.6894407494929616); position: absolute;'>★</div><div style='left: 27.420350861236166%; top: 52.36886313236497%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.5698270444864307); position: absolute;'>★</div><div style='left: 53.51540400300756%; top: 44.31506137187563%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.7888012117910453); position: absolute;'>★</div><div style='left: 56.18454920598354%; top: 75.26858309519493%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.9422669001059828); position: absolute;'>★</div><div style='left: 90.12848934126335%; top: 39.86542177326575%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.9602818422861112); position: absolute;'>★</div><div style='left: 22.206029447771158%; top: 97.05176577578428%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.3389002741045607); position: absolute;'>★</div><div style='left: 13.55055873973%; top: 11.125616202564014%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.36323744408217296); position: absolute;'>★</div><div style='left: 25.78133638318276%; top: 57.99522083556356%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.5757557609720328); position: absolute;'>★</div><div style='left: 71.18402898926547%; top: 28.714722143910233%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.7117705475485685); position: absolute;'>★</div><div style='left: 75.29478502607711%; top: 52.317417233648115%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.6325479746897231); position: absolute;'>★</div><div style='left: 69.6660202340622%; top: 49.862722649811744%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.6205330736020008); position: absolute;'>★</div><div style='left: 14.66356086729258%; top: 11.59479014284528%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.27031613537478527); position: absolute;'>★</div><div style='left: 37.74020235272347%; top: 66.99475745604852%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.4115522900973262); position: absolute;'>★</div><div style='left: 48.32449168698547%; top: 99.19153626734618%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.21416969075775183); position: absolute;'>★</div><div style='left: 43.376210078160405%; top: 72.03342756841839%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.806069889796122); position: absolute;'>★</div><div style='left: 30.435956106977933%; top: 44.88180247572176%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.9441111640545838); position: absolute;'>★</div><div style='left: 27.35172638808292%; top: 94.73782851174431%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.11385021300267939); position: absolute;'>★</div><div style='left: 66.52930882762818%; top: 8.165339412692163%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.4028251753668982); position: absolute;'>★</div><div style='left: 48.12643380113999%; top: 88.76950707805268%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.7808065834880873); position: absolute;'>★</div><div style='left: 44.327530655322114%; top: 29.10919641542047%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.21725901156981675); position: absolute;'>★</div><div style='left: 39.867125441545184%; top: 81.65153859098469%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.15826900914266517); position: absolute;'>★</div><div style='left: 35.82889719364465%; top: 14.169161899301708%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.21984084356495492); position: absolute;'>★</div><div style='left: 38.94532161252978%; top: 33.64800026335318%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.365519698058447); position: absolute;'>★</div><div style='left: 88.09777202278116%; top: 32.697286830659976%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.6686951287889532); position: absolute;'>★</div><div style='left: 43.765503640429685%; top: 6.3742020217625655%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.03376513360356248); position: absolute;'>★</div><div style='left: 49.10071030075515%; top: 94.81368914813208%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.6298878106002297); position: absolute;'>★</div><div style='left: 86.07693305194722%; top: 13.105457134347166%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.03407383229491512); position: absolute;'>★</div><div style='left: 40.742845933305574%; top: 35.043719380047335%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.6112964377509162); position: absolute;'>★</div><div style='left: 22.045351841905436%; top: 82.1129556811036%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.18191548914077693); position: absolute;'>★</div><div style='left: 51.95866400291932%; top: 94.69859237746155%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.06171462172932152); position: absolute;'>★</div><div style='left: 48.463790715575186%; top: 22.458944474124586%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.11311643112597924); position: absolute;'>★</div><div style='left: 7.727530216790912%; top: 30.83877679559598%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.03632701231747404); position: absolute;'>★</div><div style='left: 5.105415504854727%; top: 25.264906132757925%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.783376831053046); position: absolute;'>★</div><div style='left: 83.41424257688846%; top: 33.390008449175745%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.7600472730586446); position: absolute;'>★</div><div style='left: 97.45947639760209%; top: 41.24783699008494%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.7927089678880882); position: absolute;'>★</div><div style='left: 98.25503700635248%; top: 20.25971650962113%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.8834634104725351); position: absolute;'>★</div><div style='left: 35.852101586953324%; top: 51.608440863343965%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.25326924449810273); position: absolute;'>★</div><div style='left: 91.8179973837431%; top: 40.70591532500926%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.5259553600659479); position: absolute;'>★</div><div style='left: 97.80017111327369%; top: 88.50695797704572%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.5940707468711189); position: absolute;'>★</div><div style='left: 81.10572581292655%; top: 38.08571520415062%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.4599477978727271); position: absolute;'>★</div><div style='left: 11.98979722927932%; top: 76.53996244711996%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.8212995741578001); position: absolute;'>★</div><div style='left: 60.59769626921517%; top: 12.17238571456657%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.8040162505219389); position: absolute;'>★</div><div style='left: 16.12826352961302%; top: 42.72172512760661%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.7061344445059842); position: absolute;'>★</div><div style='left: 1.361910792983867%; top: 20.684768248041628%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.6923434140032255); position: absolute;'>★</div><div style='left: 17.25085033283803%; top: 65.02797708819249%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.24618844299888032); position: absolute;'>★</div><div style='left: 70.75096130715241%; top: 69.03044521497809%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.7292684271886086); position: absolute;'>★</div><div style='left: 27.454284566520414%; top: 20.04406483016662%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.19882400947134182); position: absolute;'>★</div><div style='left: 77.60757988880306%; top: 12.02240110907139%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.46978361626858156); position: absolute;'>★</div><div style='left: 78.70489518297492%; top: 0.7745831039380424%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.14220437081141546); position: absolute;'>★</div><div style='left: 41.623907956588745%; top: 96.76214379577046%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.9541017842349053); position: absolute;'>★</div><div style='left: 73.48384848070243%; top: 19.351466186710866%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.544354125878628); position: absolute;'>★</div><div style='left: 19.09979643102522%; top: 46.19923109571105%; transform: translate(-50%, -50%); font-size: 19pt; color: rgba(0,0,0,0.35939268440838434); position: absolute;'>★</div><div style='left: 42.055127806431805%; top: 39.07999860417838%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.972415639117275); position: absolute;'>★</div><div style='left: 62.22040991818636%; top: 60.431993773773684%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.8909341910424015); position: absolute;'>★</div><div style='left: 83.70053395689906%; top: 43.781157387285866%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.3478393962662608); position: absolute;'>★</div><div style='left: 98.87474560119554%; top: 80.92477936235214%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.6516527754465192); position: absolute;'>★</div><div style='left: 79.05620158289285%; top: 19.513811489885768%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.12170481257661636); position: absolute;'>★</div><div style='left: 28.843195577495816%; top: 98.5288423582552%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.8030582503960755); position: absolute;'>★</div><div style='left: 0.23714516572905797%; top: 58.79173237250044%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.30286705092585275); position: absolute;'>★</div><div style='left: 70.65350280117582%; top: 49.9089083872927%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.5291010179536932); position: absolute;'>★</div><div style='left: 72.57505923434775%; top: 25.535321100989037%; transform: translate(-50%, -50%); font-size: 13pt; color: rgba(0,0,0,0.9025613226581126); position: absolute;'>★</div><div style='left: 87.83936596124882%; top: 93.56656453240325%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.47804619171270346); position: absolute;'>★</div><div style='left: 16.24105674685714%; top: 77.19368737094523%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.46528779243782525); position: absolute;'>★</div><div style='left: 34.09244441156769%; top: 71.30827017955998%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.5508798705726652); position: absolute;'>★</div><div style='left: 51.37156117254973%; top: 52.683055374866875%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.45251571299306315); position: absolute;'>★</div><div style='left: 53.57147983626246%; top: 4.652536266353103%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.24422582267626525); position: absolute;'>★</div><div style='left: 65.5955883066978%; top: 44.557536399958266%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.6105066573521778); position: absolute;'>★</div><div style='left: 52.771770894079964%; top: 99.70530411845026%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.3647701047962991); position: absolute;'>★</div><div style='left: 33.17783532295646%; top: 35.44579413025467%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.24606825897956963); position: absolute;'>★</div><div style='left: 0.2128554476343747%; top: 57.98994781093325%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.1832991168132292); position: absolute;'>★</div><div style='left: 97.00566075996916%; top: 81.37283048055097%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.97954160464041); position: absolute;'>★</div><div style='left: 60.56462702182831%; top: 97.80566111880896%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.016651660698188908); position: absolute;'>★</div><div style='left: 66.70768224466954%; top: 34.94022430441363%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.39989156512633883); position: absolute;'>★</div><div style='left: 32.706376779415805%; top: 33.64386445608304%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.21098567807626556); position: absolute;'>★</div><div style='left: 74.48383387864556%; top: 61.203353413914066%; transform: translate(-50%, -50%); font-size: 28pt; color: rgba(0,0,0,0.2510980164142924); position: absolute;'>★</div><div style='left: 20.504086506807173%; top: 51.54920767426236%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.005648391497881322); position: absolute;'>★</div><div style='left: 71.32212114382219%; top: 12.422519432839596%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.5187857792486895); position: absolute;'>★</div><div style='left: 6.294097301577295%; top: 15.4673870301947%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.9748626238224453); position: absolute;'>★</div><div style='left: 37.86657142448664%; top: 23.250255543078524%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.45334065552445335); position: absolute;'>★</div><div style='left: 49.41337477395993%; top: 6.771651678096802%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.2668326029283523); position: absolute;'>★</div><div style='left: 18.551663136359252%; top: 94.23658175834657%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.3948232586415147); position: absolute;'>★</div><div style='left: 41.6296681424416%; top: 41.67112313029085%; transform: translate(-50%, -50%); font-size: 20pt; color: rgba(0,0,0,0.26460574148179206); position: absolute;'>★</div><div style='left: 52.564157244319354%; top: 5.566892307111326%; transform: translate(-50%, -50%); font-size: 9pt; color: rgba(0,0,0,0.18658636018964103); position: absolute;'>★</div><div style='left: 84.88560235694051%; top: 31.213184224934643%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.8536220134043763); position: absolute;'>★</div><div style='left: 81.0670456955594%; top: 98.18662531797477%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.3843042851008861); position: absolute;'>★</div><div style='left: 76.23843337254141%; top: 74.44802185775508%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.04190889058155034); position: absolute;'>★</div><div style='left: 25.35850272637884%; top: 79.11935846999049%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.2151052793749354); position: absolute;'>★</div><div style='left: 49.759360174370094%; top: 30.917158356958385%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.9963492369683122); position: absolute;'>★</div><div style='left: 28.775771347473757%; top: 52.42823938544417%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.3673068240130227); position: absolute;'>★</div><div style='left: 39.47444568535368%; top: 80.55174202517466%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.28549184558568064); position: absolute;'>★</div><div style='left: 99.678067061405%; top: 9.217708810386815%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.09880194770737238); position: absolute;'>★</div><div style='left: 53.24160556339016%; top: 73.62958100738797%; transform: translate(-50%, -50%); font-size: 8pt; color: rgba(0,0,0,0.4681574576602272); position: absolute;'>★</div><div style='left: 14.544210313245065%; top: 10.114776079831678%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.23821711604992446); position: absolute;'>★</div><div style='left: 38.483114412006756%; top: 36.69168386744318%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.09960289520276244); position: absolute;'>★</div><div style='left: 55.36948142296205%; top: 72.14496344966868%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.4734995229779245); position: absolute;'>★</div><div style='left: 84.0482719411156%; top: 17.57730421362479%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.9755050412970678); position: absolute;'>★</div><div style='left: 0.492241850425601%; top: 73.41185378496976%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.1468759137754695); position: absolute;'>★</div><div style='left: 9.985684066501321%; top: 77.25647577645354%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.5001515001182827); position: absolute;'>★</div><div style='left: 88.61723418995565%; top: 60.556149860320104%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.050377046560336036); position: absolute;'>★</div><div style='left: 0.06589704086413795%; top: 34.66360691169125%; transform: translate(-50%, -50%); font-size: 14pt; color: rgba(0,0,0,0.3767158630762152); position: absolute;'>★</div><div style='left: 55.555936918295735%; top: 50.96816600853161%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.29501861635947724); position: absolute;'>★</div><div style='left: 96.93213450342412%; top: 46.71746011247608%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.7116479196644323); position: absolute;'>★</div><div style='left: 90.37716154866693%; top: 72.30761496512696%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.5354285045821902); position: absolute;'>★</div><div style='left: 67.40118731168732%; top: 98.8068990653515%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.4391336918794192); position: absolute;'>★</div><div style='left: 35.89777734786317%; top: 27.30496983688727%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.005499934687908659); position: absolute;'>★</div><div style='left: 48.355842926796555%; top: 97.12353684033992%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.8726731552614593); position: absolute;'>★</div><div style='left: 20.4174743754162%; top: 81.25680910371887%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.9144015732178891); position: absolute;'>★</div><div style='left: 97.84229726566696%; top: 44.02398255922234%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.07511653438833477); position: absolute;'>★</div><div style='left: 44.57819723419839%; top: 21.13998867638731%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.04343298652782268); position: absolute;'>★</div><div style='left: 3.4233870904318953%; top: 65.30367716971362%; transform: translate(-50%, -50%); font-size: 11pt; color: rgba(0,0,0,0.1276074801596987); position: absolute;'>★</div><div style='left: 76.87498122087023%; top: 75.50853352293724%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.5878209301092289); position: absolute;'>★</div><div style='left: 69.94624113810298%; top: 64.71400262544769%; transform: translate(-50%, -50%); font-size: 15pt; color: rgba(0,0,0,0.7611310106078711); position: absolute;'>★</div><div style='left: 21.14333575951033%; top: 91.09674289013742%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.9449520782909929); position: absolute;'>★</div><div style='left: 3.7083778371072795%; top: 15.485281127434302%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.4185174136870824); position: absolute;'>★</div><div style='left: 85.2432105705355%; top: 53.85796841355344%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.5722295948282932); position: absolute;'>★</div><div style='left: 21.100413843079714%; top: 98.52350524289474%; transform: translate(-50%, -50%); font-size: 27pt; color: rgba(0,0,0,0.9219829780315973); position: absolute;'>★</div><div style='left: 71.8335053149845%; top: 67.60618066025387%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.4383914579524869); position: absolute;'>★</div><div style='left: 21.042454610949846%; top: 27.243593675504062%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.5018036214026683); position: absolute;'>★</div><div style='left: 99.26636351581098%; top: 89.1041341869905%; transform: translate(-50%, -50%); font-size: 4pt; color: rgba(0,0,0,0.24553035908971077); position: absolute;'>★</div><div style='left: 0.6633923372402095%; top: 35.84987127495221%; transform: translate(-50%, -50%); font-size: 23pt; color: rgba(0,0,0,0.15815918255534478); position: absolute;'>★</div><div style='left: 50.304149165054035%; top: 24.426588674715756%; transform: translate(-50%, -50%); font-size: 17pt; color: rgba(0,0,0,0.3045321354513907); position: absolute;'>★</div><div style='left: 31.025644898995363%; top: 91.12228497992719%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.28253691138411674); position: absolute;'>★</div><div style='left: 38.43040445796816%; top: 56.96380442965252%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.6015565405036215); position: absolute;'>★</div><div style='left: 53.8472654483919%; top: 28.057090446588575%; transform: translate(-50%, -50%); font-size: 5pt; color: rgba(0,0,0,0.2504975521205707); position: absolute;'>★</div><div style='left: 33.986536883052054%; top: 38.42055569479486%; transform: translate(-50%, -50%); font-size: 24pt; color: rgba(0,0,0,0.5885924707688667); position: absolute;'>★</div><div style='left: 68.02235447798553%; top: 27.366410536582798%; transform: translate(-50%, -50%); font-size: 25pt; color: rgba(0,0,0,0.7936675278326849); position: absolute;'>★</div><div style='left: 80.40849515298146%; top: 89.21166450339634%; transform: translate(-50%, -50%); font-size: 31pt; color: rgba(0,0,0,0.34005094894765975); position: absolute;'>★</div><div style='left: 18.217011705477947%; top: 1.7865851434621272%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.6559435759135006); position: absolute;'>★</div><div style='left: 28.33560693889273%; top: 15.178459606450945%; transform: translate(-50%, -50%); font-size: 16pt; color: rgba(0,0,0,0.17713262819257403); position: absolute;'>★</div><div style='left: 42.69470110706184%; top: 14.8343691733009%; transform: translate(-50%, -50%); font-size: 22pt; color: rgba(0,0,0,0.1531901697811231); position: absolute;'>★</div><div style='left: 61.56549451666662%; top: 54.73067308873837%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.8259719105040043); position: absolute;'>★</div><div style='left: 43.1892302208354%; top: 63.02900704316089%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.19852732054636246); position: absolute;'>★</div><div style='left: 55.4337372453324%; top: 78.7518300821241%; transform: translate(-50%, -50%); font-size: 29pt; color: rgba(0,0,0,0.25032536738645306); position: absolute;'>★</div><div style='left: 51.91277827426812%; top: 93.34192843455426%; transform: translate(-50%, -50%); font-size: 12pt; color: rgba(0,0,0,0.6554143376705325); position: absolute;'>★</div><div style='left: 21.87964863237706%; top: 40.48364088679241%; transform: translate(-50%, -50%); font-size: 30pt; color: rgba(0,0,0,0.46987662470295977); position: absolute;'>★</div><div style='left: 44.602567221966574%; top: 69.44491378216689%; transform: translate(-50%, -50%); font-size: 7pt; color: rgba(0,0,0,0.6911255515514696); position: absolute;'>★</div><div style='left: 17.985056665988076%; top: 99.6544680010145%; transform: translate(-50%, -50%); font-size: 6pt; color: rgba(0,0,0,0.33272270509312407); position: absolute;'>★</div><div style='left: 18.46956037289127%; top: 30.41094565400455%; transform: translate(-50%, -50%); font-size: 10pt; color: rgba(0,0,0,0.14120212936852095); position: absolute;'>★</div><div style='left: 12.784756167235923%; top: 45.18794424072349%; transform: translate(-50%, -50%); font-size: 21pt; color: rgba(0,0,0,0.2557175155573814); position: absolute;'>★</div><div style='left: 62.374368733810556%; top: 62.14342831145594%; transform: translate(-50%, -50%); font-size: 18pt; color: rgba(0,0,0,0.013399243669171668); position: absolute;'>★</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "divs = []\n",
    "for i in range(1000):\n",
    "    x = random.random() * 100\n",
    "    y = random.random() * 100\n",
    "    size = random.randrange(4, 32)\n",
    "    alpha = random.random()\n",
    "    this_div = mkdiv(\"★\",\n",
    "                     left=f\"{x}%\",\n",
    "                     top=f\"{y}%\",\n",
    "                     transform=\"translate(-50%, -50%)\",\n",
    "                     font_size=f\"{size}pt\",\n",
    "                     color=f\"rgba(0,0,0,{alpha})\")\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"Centered stars of different sizes\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "> Exercise: Expand the \"vocabulary\" of this piece by finding other characters that resemble stars and modifying the code such that it selects randomly among these characters when placing stars on the page."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Exploding texts\n",
    "\n",
    "We'll cover a few techniques in this notebook for making concrete compositions. A frequently used strategy in concrete poetry is to take a text and break it up into units, then place those units on the page in patterns.\n",
    "\n",
    "The following example does this very thing, iterating over a string character by character and placing those characters on the screen in random positions:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 21,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>exploded characters</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='position: absolute; top: 62%; left: 38%; font-size: 16pt;'>M</div><div style='position: absolute; top: 54%; left: 32%; font-size: 16pt;'>o</div><div style='position: absolute; top: 51%; left: 48%; font-size: 16pt;'>t</div><div style='position: absolute; top: 52%; left: 47%; font-size: 16pt;'>h</div><div style='position: absolute; top: 41%; left: 51%; font-size: 16pt;'>e</div><div style='position: absolute; top: 64%; left: 37%; font-size: 16pt;'>r</div><div style='position: absolute; top: 48%; left: 51%; font-size: 16pt;'> </div><div style='position: absolute; top: 41%; left: 44%; font-size: 16pt;'>s</div><div style='position: absolute; top: 43%; left: 61%; font-size: 16pt;'>a</div><div style='position: absolute; top: 43%; left: 64%; font-size: 16pt;'>i</div><div style='position: absolute; top: 40%; left: 73%; font-size: 16pt;'>d</div><div style='position: absolute; top: 58%; left: 61%; font-size: 16pt;'> </div><div style='position: absolute; top: 50%; left: 47%; font-size: 16pt;'>t</div><div style='position: absolute; top: 71%; left: 68%; font-size: 16pt;'>h</div><div style='position: absolute; top: 33%; left: 59%; font-size: 16pt;'>e</div><div style='position: absolute; top: 26%; left: 42%; font-size: 16pt;'>r</div><div style='position: absolute; top: 65%; left: 31%; font-size: 16pt;'>e</div><div style='position: absolute; top: 40%; left: 51%; font-size: 16pt;'>'</div><div style='position: absolute; top: 50%; left: 31%; font-size: 16pt;'>d</div><div style='position: absolute; top: 74%; left: 68%; font-size: 16pt;'> </div><div style='position: absolute; top: 69%; left: 37%; font-size: 16pt;'>b</div><div style='position: absolute; top: 62%; left: 68%; font-size: 16pt;'>e</div><div style='position: absolute; top: 55%; left: 46%; font-size: 16pt;'> </div><div style='position: absolute; top: 41%; left: 47%; font-size: 16pt;'>d</div><div style='position: absolute; top: 62%; left: 32%; font-size: 16pt;'>a</div><div style='position: absolute; top: 71%; left: 31%; font-size: 16pt;'>y</div><div style='position: absolute; top: 61%; left: 57%; font-size: 16pt;'>s</div><div style='position: absolute; top: 57%; left: 25%; font-size: 16pt;'> </div><div style='position: absolute; top: 60%; left: 51%; font-size: 16pt;'>l</div><div style='position: absolute; top: 70%; left: 60%; font-size: 16pt;'>i</div><div style='position: absolute; top: 32%; left: 39%; font-size: 16pt;'>k</div><div style='position: absolute; top: 38%; left: 28%; font-size: 16pt;'>e</div><div style='position: absolute; top: 38%; left: 51%; font-size: 16pt;'> </div><div style='position: absolute; top: 39%; left: 33%; font-size: 16pt;'>t</div><div style='position: absolute; top: 36%; left: 40%; font-size: 16pt;'>h</div><div style='position: absolute; top: 42%; left: 72%; font-size: 16pt;'>e</div><div style='position: absolute; top: 41%; left: 54%; font-size: 16pt;'>s</div><div style='position: absolute; top: 59%; left: 49%; font-size: 16pt;'>e</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "src = \"Mother said there'd be days like these\"\n",
    "divs = []\n",
    "for ch in src:\n",
    "    this_div = mkdiv(ch,\n",
    "                     position=\"absolute\",\n",
    "                     top=f\"{random.randrange(25, 75)}%\",\n",
    "                     left=f\"{random.randrange(25, 75)}%\",\n",
    "                     font_size=\"16pt\")\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"exploded characters\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "And this example does something similar, breaking the text up instead by word:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 22,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>exploded words</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='position: absolute; top: 63%; left: 48%; font-size: 16pt;'>Mother</div><div style='position: absolute; top: 59%; left: 68%; font-size: 16pt;'>said</div><div style='position: absolute; top: 61%; left: 43%; font-size: 16pt;'>there'd</div><div style='position: absolute; top: 51%; left: 34%; font-size: 16pt;'>be</div><div style='position: absolute; top: 69%; left: 52%; font-size: 16pt;'>days</div><div style='position: absolute; top: 69%; left: 54%; font-size: 16pt;'>like</div><div style='position: absolute; top: 32%; left: 67%; font-size: 16pt;'>these</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "src = \"Mother said there'd be days like these\"\n",
    "divs = []\n",
    "for word in src.split(): # splitting on white space\n",
    "    this_div = mkdiv(word,\n",
    "                     position=\"absolute\",\n",
    "                     top=f\"{random.randrange(25, 75)}%\",\n",
    "                     left=f\"{random.randrange(25, 75)}%\",\n",
    "                     font_size=\"16pt\")\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"exploded words\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "An example of applying this technique but with an external file:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 23,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>exploded words</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 81%; left: 47%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>Two</div><div style='top: 18%; left: 74%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>roads</div><div style='top: 46%; left: 40%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>diverged</div><div style='top: 17%; left: 65%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>in</div><div style='top: 78%; left: 80%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>a</div><div style='top: 88%; left: 69%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>yellow</div><div style='top: 80%; left: 34%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>wood,</div><div style='top: 41%; left: 83%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>And</div><div style='top: 89%; left: 32%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>sorry</div><div style='top: 21%; left: 87%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>I</div><div style='top: 69%; left: 35%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>could</div><div style='top: 65%; left: 70%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>not</div><div style='top: 21%; left: 38%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>travel</div><div style='top: 30%; left: 21%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>both</div><div style='top: 45%; left: 21%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>And</div><div style='top: 55%; left: 67%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>be</div><div style='top: 39%; left: 33%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>one</div><div style='top: 42%; left: 80%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>traveler,</div><div style='top: 80%; left: 88%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>long</div><div style='top: 25%; left: 73%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>I</div><div style='top: 21%; left: 21%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>stood</div><div style='top: 86%; left: 11%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>And</div><div style='top: 75%; left: 30%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>looked</div><div style='top: 53%; left: 53%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>down</div><div style='top: 71%; left: 53%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>one</div><div style='top: 44%; left: 30%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>as</div><div style='top: 79%; left: 10%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>far</div><div style='top: 20%; left: 32%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>as</div><div style='top: 52%; left: 45%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>I</div><div style='top: 43%; left: 13%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>could</div><div style='top: 18%; left: 87%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>To</div><div style='top: 56%; left: 16%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>where</div><div style='top: 87%; left: 50%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>it</div><div style='top: 73%; left: 54%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>bent</div><div style='top: 55%; left: 38%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>in</div><div style='top: 86%; left: 39%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>the</div><div style='top: 46%; left: 15%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>undergrowth;</div><div style='top: 14%; left: 65%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>Then</div><div style='top: 48%; left: 33%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>took</div><div style='top: 81%; left: 70%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>the</div><div style='top: 72%; left: 52%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>other,</div><div style='top: 79%; left: 75%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>as</div><div style='top: 39%; left: 89%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>just</div><div style='top: 26%; left: 67%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>as</div><div style='top: 48%; left: 88%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>fair,</div><div style='top: 51%; left: 42%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>And</div><div style='top: 51%; left: 27%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>having</div><div style='top: 55%; left: 45%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>perhaps</div><div style='top: 32%; left: 72%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>the</div><div style='top: 76%; left: 64%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>better</div><div style='top: 12%; left: 18%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>claim,</div><div style='top: 50%; left: 58%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>Because</div><div style='top: 48%; left: 70%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>it</div><div style='top: 52%; left: 76%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>was</div><div style='top: 52%; left: 72%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>grassy</div><div style='top: 20%; left: 48%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>and</div><div style='top: 59%; left: 66%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>wanted</div><div style='top: 85%; left: 15%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>wear;</div><div style='top: 31%; left: 87%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>Though</div><div style='top: 85%; left: 30%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>as</div><div style='top: 22%; left: 80%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>for</div><div style='top: 17%; left: 61%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>that</div><div style='top: 36%; left: 67%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>the</div><div style='top: 68%; left: 81%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>passing</div><div style='top: 25%; left: 37%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>there</div><div style='top: 35%; left: 85%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>Had</div><div style='top: 35%; left: 72%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>worn</div><div style='top: 19%; left: 65%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>them</div><div style='top: 84%; left: 45%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>really</div><div style='top: 31%; left: 87%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>about</div><div style='top: 76%; left: 48%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>the</div><div style='top: 79%; left: 33%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>same,</div><div style='top: 84%; left: 46%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>And</div><div style='top: 36%; left: 39%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>both</div><div style='top: 48%; left: 84%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>that</div><div style='top: 80%; left: 39%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>morning</div><div style='top: 13%; left: 11%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>equally</div><div style='top: 40%; left: 26%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>lay</div><div style='top: 12%; left: 54%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>In</div><div style='top: 47%; left: 10%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>leaves</div><div style='top: 64%; left: 13%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>no</div><div style='top: 21%; left: 15%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>step</div><div style='top: 31%; left: 77%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>had</div><div style='top: 56%; left: 23%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>trodden</div><div style='top: 57%; left: 27%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>black.</div><div style='top: 44%; left: 39%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>Oh,</div><div style='top: 46%; left: 83%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>I</div><div style='top: 44%; left: 63%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>kept</div><div style='top: 49%; left: 62%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>the</div><div style='top: 19%; left: 52%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>first</div><div style='top: 89%; left: 46%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>for</div><div style='top: 32%; left: 51%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>another</div><div style='top: 16%; left: 54%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>day!</div><div style='top: 50%; left: 59%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>Yet</div><div style='top: 43%; left: 19%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>knowing</div><div style='top: 60%; left: 69%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>how</div><div style='top: 11%; left: 27%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>way</div><div style='top: 34%; left: 28%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>leads</div><div style='top: 39%; left: 40%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>on</div><div style='top: 63%; left: 30%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>to</div><div style='top: 77%; left: 52%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>way,</div><div style='top: 42%; left: 27%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>I</div><div style='top: 84%; left: 13%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>doubted</div><div style='top: 33%; left: 68%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>if</div><div style='top: 47%; left: 19%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>I</div><div style='top: 49%; left: 28%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>should</div><div style='top: 13%; left: 64%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>ever</div><div style='top: 50%; left: 51%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>come</div><div style='top: 73%; left: 52%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>back.</div><div style='top: 65%; left: 74%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>I</div><div style='top: 82%; left: 50%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>shall</div><div style='top: 50%; left: 78%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>be</div><div style='top: 71%; left: 83%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>telling</div><div style='top: 43%; left: 52%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>this</div><div style='top: 57%; left: 29%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>with</div><div style='top: 61%; left: 31%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>a</div><div style='top: 53%; left: 66%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>sigh</div><div style='top: 49%; left: 48%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>Somewhere</div><div style='top: 20%; left: 88%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>ages</div><div style='top: 87%; left: 35%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>and</div><div style='top: 34%; left: 10%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>ages</div><div style='top: 12%; left: 54%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>hence:</div><div style='top: 79%; left: 15%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>Two</div><div style='top: 40%; left: 34%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>roads</div><div style='top: 77%; left: 34%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>diverged</div><div style='top: 36%; left: 52%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>in</div><div style='top: 39%; left: 14%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>a</div><div style='top: 89%; left: 82%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>wood,</div><div style='top: 17%; left: 77%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>and</div><div style='top: 64%; left: 80%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>I---</div><div style='top: 65%; left: 20%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>I</div><div style='top: 72%; left: 77%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>took</div><div style='top: 62%; left: 27%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>the</div><div style='top: 27%; left: 59%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>one</div><div style='top: 63%; left: 32%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>less</div><div style='top: 58%; left: 19%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>travelled</div><div style='top: 39%; left: 39%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>by,</div><div style='top: 13%; left: 72%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>And</div><div style='top: 76%; left: 89%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>that</div><div style='top: 66%; left: 69%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>has</div><div style='top: 24%; left: 75%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>made</div><div style='top: 14%; left: 52%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>all</div><div style='top: 19%; left: 67%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>the</div><div style='top: 41%; left: 65%; transform: translate(-50%, -50%); font-size: 16pt; position: absolute;'>difference.</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "src = open(\"frost.txt\").read()\n",
    "divs = []\n",
    "for word in src.split(): # splitting on white space\n",
    "    this_div = mkdiv(word,\n",
    "                     top=f\"{random.randrange(10, 90)}%\",\n",
    "                     left=f\"{random.randrange(10, 90)}%\",\n",
    "                     transform=\"translate(-50%, -50%)\",\n",
    "                     font_size=\"16pt\")\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"exploded words\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "> Exercise: Implement a \"word cloud\" visualization. Use `Counter` from Python's `collections` module ([tutorial here](https://gist.github.com/aparrish/4b096b95bfbd636733b7b9f2636b8cf4)) to count the number of times each word occurs in the text, then place words on the page with a font size proportional to each word's frequency."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Visual arrangements\n",
    "\n",
    "Random placement is easy and nice, but hardly the limit of our capabilities. Let's look at a few other techniques that are often used in concrete composition.\n",
    "\n",
    "### Grids\n",
    "\n",
    "We'll start with the grid. To make a grid, pick the number of rows and columns, then use the index variables from nested `for` loops to calculate the position at which to place elements. This code makes a grid of random emoji, leaving positions in the grid empty at random:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 24,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>emoji grid</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 25.0%; left: 25.0%; position: absolute;'>😽</div><div style='top: 25.0%; left: 25.0%; position: absolute;'>😽</div><div style='top: 25.0%; left: 33.333333333333336%; position: absolute;'>😾</div><div style='top: 25.0%; left: 37.5%; position: absolute;'>😸</div><div style='top: 25.0%; left: 41.66666666666667%; position: absolute;'>😻</div><div style='top: 25.0%; left: 45.833333333333336%; position: absolute;'>😺</div><div style='top: 25.0%; left: 45.833333333333336%; position: absolute;'>😺</div><div style='top: 25.0%; left: 54.16666666666667%; position: absolute;'>🙀</div><div style='top: 25.0%; left: 54.16666666666667%; position: absolute;'>🙀</div><div style='top: 25.0%; left: 62.5%; position: absolute;'>😻</div><div style='top: 25.0%; left: 66.66666666666667%; position: absolute;'>😽</div><div style='top: 25.0%; left: 66.66666666666667%; position: absolute;'>😽</div><div style='top: 29.166666666666668%; left: 25.0%; position: absolute;'>😾</div><div style='top: 29.166666666666668%; left: 29.166666666666668%; position: absolute;'>😻</div><div style='top: 29.166666666666668%; left: 33.333333333333336%; position: absolute;'>😽</div><div style='top: 29.166666666666668%; left: 37.5%; position: absolute;'>😾</div><div style='top: 29.166666666666668%; left: 37.5%; position: absolute;'>😾</div><div style='top: 29.166666666666668%; left: 45.833333333333336%; position: absolute;'>😻</div><div style='top: 29.166666666666668%; left: 45.833333333333336%; position: absolute;'>😻</div><div style='top: 29.166666666666668%; left: 54.16666666666667%; position: absolute;'>😽</div><div style='top: 29.166666666666668%; left: 54.16666666666667%; position: absolute;'>😽</div><div style='top: 29.166666666666668%; left: 54.16666666666667%; position: absolute;'>😽</div><div style='top: 29.166666666666668%; left: 66.66666666666667%; position: absolute;'>😿</div><div style='top: 29.166666666666668%; left: 70.83333333333334%; position: absolute;'>😽</div><div style='top: 29.166666666666668%; left: 70.83333333333334%; position: absolute;'>😽</div><div style='top: 33.333333333333336%; left: 29.166666666666668%; position: absolute;'>😾</div><div style='top: 33.333333333333336%; left: 33.333333333333336%; position: absolute;'>😽</div><div style='top: 33.333333333333336%; left: 37.5%; position: absolute;'>🐱</div><div style='top: 33.333333333333336%; left: 41.66666666666667%; position: absolute;'>🐱</div><div style='top: 33.333333333333336%; left: 45.833333333333336%; position: absolute;'>😿</div><div style='top: 33.333333333333336%; left: 50.0%; position: absolute;'>😸</div><div style='top: 33.333333333333336%; left: 54.16666666666667%; position: absolute;'>😽</div><div style='top: 33.333333333333336%; left: 54.16666666666667%; position: absolute;'>😽</div><div style='top: 33.333333333333336%; left: 62.5%; position: absolute;'>😼</div><div style='top: 33.333333333333336%; left: 66.66666666666667%; position: absolute;'>😾</div><div style='top: 33.333333333333336%; left: 66.66666666666667%; position: absolute;'>😾</div><div style='top: 33.333333333333336%; left: 66.66666666666667%; position: absolute;'>😾</div><div style='top: 37.5%; left: 29.166666666666668%; position: absolute;'>😿</div><div style='top: 37.5%; left: 33.333333333333336%; position: absolute;'>😹</div><div style='top: 37.5%; left: 37.5%; position: absolute;'>😸</div><div style='top: 37.5%; left: 37.5%; position: absolute;'>😸</div><div style='top: 37.5%; left: 37.5%; position: absolute;'>😸</div><div style='top: 37.5%; left: 37.5%; position: absolute;'>😸</div><div style='top: 37.5%; left: 37.5%; position: absolute;'>😸</div><div style='top: 37.5%; left: 58.333333333333336%; position: absolute;'>😽</div><div style='top: 37.5%; left: 62.5%; position: absolute;'>😸</div><div style='top: 37.5%; left: 66.66666666666667%; position: absolute;'>😸</div><div style='top: 37.5%; left: 70.83333333333334%; position: absolute;'>😸</div><div style='top: 41.66666666666667%; left: 25.0%; position: absolute;'>😾</div><div style='top: 41.66666666666667%; left: 25.0%; position: absolute;'>😾</div><div style='top: 41.66666666666667%; left: 33.333333333333336%; position: absolute;'>😸</div><div style='top: 41.66666666666667%; left: 37.5%; position: absolute;'>😸</div><div style='top: 41.66666666666667%; left: 41.66666666666667%; position: absolute;'>😿</div><div style='top: 41.66666666666667%; left: 45.833333333333336%; position: absolute;'>🐱</div><div style='top: 41.66666666666667%; left: 50.0%; position: absolute;'>🙀</div><div style='top: 41.66666666666667%; left: 50.0%; position: absolute;'>🙀</div><div style='top: 41.66666666666667%; left: 58.333333333333336%; position: absolute;'>🐱</div><div style='top: 41.66666666666667%; left: 58.333333333333336%; position: absolute;'>🐱</div><div style='top: 41.66666666666667%; left: 66.66666666666667%; position: absolute;'>😾</div><div style='top: 41.66666666666667%; left: 70.83333333333334%; position: absolute;'>🐱</div><div style='top: 45.833333333333336%; left: 25.0%; position: absolute;'>😻</div><div style='top: 45.833333333333336%; left: 25.0%; position: absolute;'>😻</div><div style='top: 45.833333333333336%; left: 33.333333333333336%; position: absolute;'>😺</div><div style='top: 45.833333333333336%; left: 33.333333333333336%; position: absolute;'>😺</div><div style='top: 45.833333333333336%; left: 41.66666666666667%; position: absolute;'>🙀</div><div style='top: 45.833333333333336%; left: 45.833333333333336%; position: absolute;'>🐱</div><div style='top: 45.833333333333336%; left: 50.0%; position: absolute;'>😺</div><div style='top: 45.833333333333336%; left: 50.0%; position: absolute;'>😺</div><div style='top: 45.833333333333336%; left: 50.0%; position: absolute;'>😺</div><div style='top: 45.833333333333336%; left: 62.5%; position: absolute;'>😺</div><div style='top: 45.833333333333336%; left: 66.66666666666667%; position: absolute;'>😾</div><div style='top: 45.833333333333336%; left: 70.83333333333334%; position: absolute;'>🐱</div><div style='top: 50.0%; left: 25.0%; position: absolute;'>😽</div><div style='top: 50.0%; left: 29.166666666666668%; position: absolute;'>🙀</div><div style='top: 50.0%; left: 33.333333333333336%; position: absolute;'>😾</div><div style='top: 50.0%; left: 37.5%; position: absolute;'>🐱</div><div style='top: 50.0%; left: 41.66666666666667%; position: absolute;'>😽</div><div style='top: 50.0%; left: 45.833333333333336%; position: absolute;'>😻</div><div style='top: 50.0%; left: 50.0%; position: absolute;'>😽</div><div style='top: 50.0%; left: 54.16666666666667%; position: absolute;'>😹</div><div style='top: 50.0%; left: 58.333333333333336%; position: absolute;'>😺</div><div style='top: 50.0%; left: 58.333333333333336%; position: absolute;'>😺</div><div style='top: 50.0%; left: 66.66666666666667%; position: absolute;'>😹</div><div style='top: 50.0%; left: 66.66666666666667%; position: absolute;'>😹</div><div style='top: 54.16666666666667%; left: 25.0%; position: absolute;'>😻</div><div style='top: 54.16666666666667%; left: 29.166666666666668%; position: absolute;'>😽</div><div style='top: 54.16666666666667%; left: 33.333333333333336%; position: absolute;'>😾</div><div style='top: 54.16666666666667%; left: 37.5%; position: absolute;'>🐱</div><div style='top: 54.16666666666667%; left: 41.66666666666667%; position: absolute;'>😹</div><div style='top: 54.16666666666667%; left: 41.66666666666667%; position: absolute;'>😹</div><div style='top: 54.16666666666667%; left: 50.0%; position: absolute;'>😾</div><div style='top: 54.16666666666667%; left: 50.0%; position: absolute;'>😾</div><div style='top: 54.16666666666667%; left: 58.333333333333336%; position: absolute;'>😻</div><div style='top: 54.16666666666667%; left: 62.5%; position: absolute;'>😿</div><div style='top: 54.16666666666667%; left: 66.66666666666667%; position: absolute;'>🐱</div><div style='top: 54.16666666666667%; left: 66.66666666666667%; position: absolute;'>🐱</div><div style='top: 54.16666666666667%; left: 66.66666666666667%; position: absolute;'>🐱</div><div style='top: 58.333333333333336%; left: 29.166666666666668%; position: absolute;'>😹</div><div style='top: 58.333333333333336%; left: 29.166666666666668%; position: absolute;'>😹</div><div style='top: 58.333333333333336%; left: 37.5%; position: absolute;'>😼</div><div style='top: 58.333333333333336%; left: 41.66666666666667%; position: absolute;'>😿</div><div style='top: 58.333333333333336%; left: 45.833333333333336%; position: absolute;'>😿</div><div style='top: 58.333333333333336%; left: 45.833333333333336%; position: absolute;'>😿</div><div style='top: 58.333333333333336%; left: 45.833333333333336%; position: absolute;'>😿</div><div style='top: 58.333333333333336%; left: 45.833333333333336%; position: absolute;'>😿</div><div style='top: 58.333333333333336%; left: 62.5%; position: absolute;'>😺</div><div style='top: 58.333333333333336%; left: 66.66666666666667%; position: absolute;'>😾</div><div style='top: 58.333333333333336%; left: 66.66666666666667%; position: absolute;'>😾</div><div style='top: 58.333333333333336%; left: 66.66666666666667%; position: absolute;'>😾</div><div style='top: 58.333333333333336%; left: 66.66666666666667%; position: absolute;'>😾</div><div style='top: 62.5%; left: 33.333333333333336%; position: absolute;'>😸</div><div style='top: 62.5%; left: 37.5%; position: absolute;'>😾</div><div style='top: 62.5%; left: 41.66666666666667%; position: absolute;'>🐱</div><div style='top: 62.5%; left: 41.66666666666667%; position: absolute;'>🐱</div><div style='top: 62.5%; left: 41.66666666666667%; position: absolute;'>🐱</div><div style='top: 62.5%; left: 41.66666666666667%; position: absolute;'>🐱</div><div style='top: 62.5%; left: 58.333333333333336%; position: absolute;'>🐱</div><div style='top: 62.5%; left: 62.5%; position: absolute;'>😹</div><div style='top: 62.5%; left: 66.66666666666667%; position: absolute;'>😹</div><div style='top: 62.5%; left: 66.66666666666667%; position: absolute;'>😹</div><div style='top: 66.66666666666667%; left: 25.0%; position: absolute;'>😸</div><div style='top: 66.66666666666667%; left: 29.166666666666668%; position: absolute;'>🙀</div><div style='top: 66.66666666666667%; left: 33.333333333333336%; position: absolute;'>😻</div><div style='top: 66.66666666666667%; left: 37.5%; position: absolute;'>🐱</div><div style='top: 66.66666666666667%; left: 37.5%; position: absolute;'>🐱</div><div style='top: 66.66666666666667%; left: 45.833333333333336%; position: absolute;'>😾</div><div style='top: 66.66666666666667%; left: 45.833333333333336%; position: absolute;'>😾</div><div style='top: 66.66666666666667%; left: 45.833333333333336%; position: absolute;'>😾</div><div style='top: 66.66666666666667%; left: 58.333333333333336%; position: absolute;'>😻</div><div style='top: 66.66666666666667%; left: 58.333333333333336%; position: absolute;'>😻</div><div style='top: 66.66666666666667%; left: 66.66666666666667%; position: absolute;'>🐱</div><div style='top: 66.66666666666667%; left: 70.83333333333334%; position: absolute;'>😸</div><div style='top: 66.66666666666667%; left: 70.83333333333334%; position: absolute;'>😸</div><div style='top: 70.83333333333334%; left: 29.166666666666668%; position: absolute;'>😾</div><div style='top: 70.83333333333334%; left: 33.333333333333336%; position: absolute;'>😹</div><div style='top: 70.83333333333334%; left: 37.5%; position: absolute;'>😾</div><div style='top: 70.83333333333334%; left: 41.66666666666667%; position: absolute;'>😺</div><div style='top: 70.83333333333334%; left: 45.833333333333336%; position: absolute;'>🐱</div><div style='top: 70.83333333333334%; left: 45.833333333333336%; position: absolute;'>🐱</div><div style='top: 70.83333333333334%; left: 54.16666666666667%; position: absolute;'>😿</div><div style='top: 70.83333333333334%; left: 58.333333333333336%; position: absolute;'>😾</div><div style='top: 70.83333333333334%; left: 62.5%; position: absolute;'>😾</div><div style='top: 70.83333333333334%; left: 66.66666666666667%; position: absolute;'>😺</div><div style='top: 70.83333333333334%; left: 66.66666666666667%; position: absolute;'>😺</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "emoji_src = ['🐱', '😸', '😹', '😺', '😻', '😼', '😽', '😾', '😿', '🙀']\n",
    "grid_size = 12\n",
    "divs = []\n",
    "for i in range(grid_size):\n",
    "    for j in range(grid_size):\n",
    "        x_pos = 25 + (50 / grid_size) * i\n",
    "        y_pos = 25 + (50 / grid_size) * j\n",
    "        if random.random() < 0.67:\n",
    "            this_div = mkdiv(random.choice(emoji_src),\n",
    "                             top=f\"{x_pos}%\",\n",
    "                             left=f\"{y_pos}%\")\n",
    "        divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"emoji grid\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "> Exercise: Add a bit of randomness to the grid coordinates."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "This example lays out the words of *The Road Not Taken* in an evenly-spaced two-dimensional grid, using nested `for` loops and a variable to keep track of the current index as it moves through the list of words:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 25,
   "metadata": {
    "scrolled": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>frost grid</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 0.0%; left: 0.0%; position: absolute;'>Two</div><div style='top: 0.0%; left: 8.333333333333334%; position: absolute;'>roads</div><div style='top: 0.0%; left: 16.666666666666668%; position: absolute;'>diverged</div><div style='top: 0.0%; left: 25.0%; position: absolute;'>in</div><div style='top: 0.0%; left: 33.333333333333336%; position: absolute;'>a</div><div style='top: 0.0%; left: 41.66666666666667%; position: absolute;'>yellow</div><div style='top: 0.0%; left: 50.0%; position: absolute;'>wood,</div><div style='top: 0.0%; left: 58.333333333333336%; position: absolute;'>And</div><div style='top: 0.0%; left: 66.66666666666667%; position: absolute;'>sorry</div><div style='top: 0.0%; left: 75.0%; position: absolute;'>I</div><div style='top: 0.0%; left: 83.33333333333334%; position: absolute;'>could</div><div style='top: 0.0%; left: 91.66666666666667%; position: absolute;'>not</div><div style='top: 8.333333333333334%; left: 0.0%; position: absolute;'>travel</div><div style='top: 8.333333333333334%; left: 8.333333333333334%; position: absolute;'>both</div><div style='top: 8.333333333333334%; left: 16.666666666666668%; position: absolute;'>And</div><div style='top: 8.333333333333334%; left: 25.0%; position: absolute;'>be</div><div style='top: 8.333333333333334%; left: 33.333333333333336%; position: absolute;'>one</div><div style='top: 8.333333333333334%; left: 41.66666666666667%; position: absolute;'>traveler,</div><div style='top: 8.333333333333334%; left: 50.0%; position: absolute;'>long</div><div style='top: 8.333333333333334%; left: 58.333333333333336%; position: absolute;'>I</div><div style='top: 8.333333333333334%; left: 66.66666666666667%; position: absolute;'>stood</div><div style='top: 8.333333333333334%; left: 75.0%; position: absolute;'>And</div><div style='top: 8.333333333333334%; left: 83.33333333333334%; position: absolute;'>looked</div><div style='top: 8.333333333333334%; left: 91.66666666666667%; position: absolute;'>down</div><div style='top: 16.666666666666668%; left: 0.0%; position: absolute;'>one</div><div style='top: 16.666666666666668%; left: 8.333333333333334%; position: absolute;'>as</div><div style='top: 16.666666666666668%; left: 16.666666666666668%; position: absolute;'>far</div><div style='top: 16.666666666666668%; left: 25.0%; position: absolute;'>as</div><div style='top: 16.666666666666668%; left: 33.333333333333336%; position: absolute;'>I</div><div style='top: 16.666666666666668%; left: 41.66666666666667%; position: absolute;'>could</div><div style='top: 16.666666666666668%; left: 50.0%; position: absolute;'>To</div><div style='top: 16.666666666666668%; left: 58.333333333333336%; position: absolute;'>where</div><div style='top: 16.666666666666668%; left: 66.66666666666667%; position: absolute;'>it</div><div style='top: 16.666666666666668%; left: 75.0%; position: absolute;'>bent</div><div style='top: 16.666666666666668%; left: 83.33333333333334%; position: absolute;'>in</div><div style='top: 16.666666666666668%; left: 91.66666666666667%; position: absolute;'>the</div><div style='top: 25.0%; left: 0.0%; position: absolute;'>undergrowth;</div><div style='top: 25.0%; left: 8.333333333333334%; position: absolute;'>Then</div><div style='top: 25.0%; left: 16.666666666666668%; position: absolute;'>took</div><div style='top: 25.0%; left: 25.0%; position: absolute;'>the</div><div style='top: 25.0%; left: 33.333333333333336%; position: absolute;'>other,</div><div style='top: 25.0%; left: 41.66666666666667%; position: absolute;'>as</div><div style='top: 25.0%; left: 50.0%; position: absolute;'>just</div><div style='top: 25.0%; left: 58.333333333333336%; position: absolute;'>as</div><div style='top: 25.0%; left: 66.66666666666667%; position: absolute;'>fair,</div><div style='top: 25.0%; left: 75.0%; position: absolute;'>And</div><div style='top: 25.0%; left: 83.33333333333334%; position: absolute;'>having</div><div style='top: 25.0%; left: 91.66666666666667%; position: absolute;'>perhaps</div><div style='top: 33.333333333333336%; left: 0.0%; position: absolute;'>the</div><div style='top: 33.333333333333336%; left: 8.333333333333334%; position: absolute;'>better</div><div style='top: 33.333333333333336%; left: 16.666666666666668%; position: absolute;'>claim,</div><div style='top: 33.333333333333336%; left: 25.0%; position: absolute;'>Because</div><div style='top: 33.333333333333336%; left: 33.333333333333336%; position: absolute;'>it</div><div style='top: 33.333333333333336%; left: 41.66666666666667%; position: absolute;'>was</div><div style='top: 33.333333333333336%; left: 50.0%; position: absolute;'>grassy</div><div style='top: 33.333333333333336%; left: 58.333333333333336%; position: absolute;'>and</div><div style='top: 33.333333333333336%; left: 66.66666666666667%; position: absolute;'>wanted</div><div style='top: 33.333333333333336%; left: 75.0%; position: absolute;'>wear;</div><div style='top: 33.333333333333336%; left: 83.33333333333334%; position: absolute;'>Though</div><div style='top: 33.333333333333336%; left: 91.66666666666667%; position: absolute;'>as</div><div style='top: 41.66666666666667%; left: 0.0%; position: absolute;'>for</div><div style='top: 41.66666666666667%; left: 8.333333333333334%; position: absolute;'>that</div><div style='top: 41.66666666666667%; left: 16.666666666666668%; position: absolute;'>the</div><div style='top: 41.66666666666667%; left: 25.0%; position: absolute;'>passing</div><div style='top: 41.66666666666667%; left: 33.333333333333336%; position: absolute;'>there</div><div style='top: 41.66666666666667%; left: 41.66666666666667%; position: absolute;'>Had</div><div style='top: 41.66666666666667%; left: 50.0%; position: absolute;'>worn</div><div style='top: 41.66666666666667%; left: 58.333333333333336%; position: absolute;'>them</div><div style='top: 41.66666666666667%; left: 66.66666666666667%; position: absolute;'>really</div><div style='top: 41.66666666666667%; left: 75.0%; position: absolute;'>about</div><div style='top: 41.66666666666667%; left: 83.33333333333334%; position: absolute;'>the</div><div style='top: 41.66666666666667%; left: 91.66666666666667%; position: absolute;'>same,</div><div style='top: 50.0%; left: 0.0%; position: absolute;'>And</div><div style='top: 50.0%; left: 8.333333333333334%; position: absolute;'>both</div><div style='top: 50.0%; left: 16.666666666666668%; position: absolute;'>that</div><div style='top: 50.0%; left: 25.0%; position: absolute;'>morning</div><div style='top: 50.0%; left: 33.333333333333336%; position: absolute;'>equally</div><div style='top: 50.0%; left: 41.66666666666667%; position: absolute;'>lay</div><div style='top: 50.0%; left: 50.0%; position: absolute;'>In</div><div style='top: 50.0%; left: 58.333333333333336%; position: absolute;'>leaves</div><div style='top: 50.0%; left: 66.66666666666667%; position: absolute;'>no</div><div style='top: 50.0%; left: 75.0%; position: absolute;'>step</div><div style='top: 50.0%; left: 83.33333333333334%; position: absolute;'>had</div><div style='top: 50.0%; left: 91.66666666666667%; position: absolute;'>trodden</div><div style='top: 58.333333333333336%; left: 0.0%; position: absolute;'>black.</div><div style='top: 58.333333333333336%; left: 8.333333333333334%; position: absolute;'>Oh,</div><div style='top: 58.333333333333336%; left: 16.666666666666668%; position: absolute;'>I</div><div style='top: 58.333333333333336%; left: 25.0%; position: absolute;'>kept</div><div style='top: 58.333333333333336%; left: 33.333333333333336%; position: absolute;'>the</div><div style='top: 58.333333333333336%; left: 41.66666666666667%; position: absolute;'>first</div><div style='top: 58.333333333333336%; left: 50.0%; position: absolute;'>for</div><div style='top: 58.333333333333336%; left: 58.333333333333336%; position: absolute;'>another</div><div style='top: 58.333333333333336%; left: 66.66666666666667%; position: absolute;'>day!</div><div style='top: 58.333333333333336%; left: 75.0%; position: absolute;'>Yet</div><div style='top: 58.333333333333336%; left: 83.33333333333334%; position: absolute;'>knowing</div><div style='top: 58.333333333333336%; left: 91.66666666666667%; position: absolute;'>how</div><div style='top: 66.66666666666667%; left: 0.0%; position: absolute;'>way</div><div style='top: 66.66666666666667%; left: 8.333333333333334%; position: absolute;'>leads</div><div style='top: 66.66666666666667%; left: 16.666666666666668%; position: absolute;'>on</div><div style='top: 66.66666666666667%; left: 25.0%; position: absolute;'>to</div><div style='top: 66.66666666666667%; left: 33.333333333333336%; position: absolute;'>way,</div><div style='top: 66.66666666666667%; left: 41.66666666666667%; position: absolute;'>I</div><div style='top: 66.66666666666667%; left: 50.0%; position: absolute;'>doubted</div><div style='top: 66.66666666666667%; left: 58.333333333333336%; position: absolute;'>if</div><div style='top: 66.66666666666667%; left: 66.66666666666667%; position: absolute;'>I</div><div style='top: 66.66666666666667%; left: 75.0%; position: absolute;'>should</div><div style='top: 66.66666666666667%; left: 83.33333333333334%; position: absolute;'>ever</div><div style='top: 66.66666666666667%; left: 91.66666666666667%; position: absolute;'>come</div><div style='top: 75.0%; left: 0.0%; position: absolute;'>back.</div><div style='top: 75.0%; left: 8.333333333333334%; position: absolute;'>I</div><div style='top: 75.0%; left: 16.666666666666668%; position: absolute;'>shall</div><div style='top: 75.0%; left: 25.0%; position: absolute;'>be</div><div style='top: 75.0%; left: 33.333333333333336%; position: absolute;'>telling</div><div style='top: 75.0%; left: 41.66666666666667%; position: absolute;'>this</div><div style='top: 75.0%; left: 50.0%; position: absolute;'>with</div><div style='top: 75.0%; left: 58.333333333333336%; position: absolute;'>a</div><div style='top: 75.0%; left: 66.66666666666667%; position: absolute;'>sigh</div><div style='top: 75.0%; left: 75.0%; position: absolute;'>Somewhere</div><div style='top: 75.0%; left: 83.33333333333334%; position: absolute;'>ages</div><div style='top: 75.0%; left: 91.66666666666667%; position: absolute;'>and</div><div style='top: 83.33333333333334%; left: 0.0%; position: absolute;'>ages</div><div style='top: 83.33333333333334%; left: 8.333333333333334%; position: absolute;'>hence:</div><div style='top: 83.33333333333334%; left: 16.666666666666668%; position: absolute;'>Two</div><div style='top: 83.33333333333334%; left: 25.0%; position: absolute;'>roads</div><div style='top: 83.33333333333334%; left: 33.333333333333336%; position: absolute;'>diverged</div><div style='top: 83.33333333333334%; left: 41.66666666666667%; position: absolute;'>in</div><div style='top: 83.33333333333334%; left: 50.0%; position: absolute;'>a</div><div style='top: 83.33333333333334%; left: 58.333333333333336%; position: absolute;'>wood,</div><div style='top: 83.33333333333334%; left: 66.66666666666667%; position: absolute;'>and</div><div style='top: 83.33333333333334%; left: 75.0%; position: absolute;'>I---</div><div style='top: 83.33333333333334%; left: 83.33333333333334%; position: absolute;'>I</div><div style='top: 83.33333333333334%; left: 91.66666666666667%; position: absolute;'>took</div><div style='top: 91.66666666666667%; left: 0.0%; position: absolute;'>the</div><div style='top: 91.66666666666667%; left: 8.333333333333334%; position: absolute;'>one</div><div style='top: 91.66666666666667%; left: 16.666666666666668%; position: absolute;'>less</div><div style='top: 91.66666666666667%; left: 25.0%; position: absolute;'>travelled</div><div style='top: 91.66666666666667%; left: 33.333333333333336%; position: absolute;'>by,</div><div style='top: 91.66666666666667%; left: 41.66666666666667%; position: absolute;'>And</div><div style='top: 91.66666666666667%; left: 50.0%; position: absolute;'>that</div><div style='top: 91.66666666666667%; left: 58.333333333333336%; position: absolute;'>has</div><div style='top: 91.66666666666667%; left: 66.66666666666667%; position: absolute;'>made</div><div style='top: 91.66666666666667%; left: 75.0%; position: absolute;'>all</div><div style='top: 91.66666666666667%; left: 83.33333333333334%; position: absolute;'>the</div><div style='top: 91.66666666666667%; left: 91.66666666666667%; position: absolute;'>difference.</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "src = open(\"frost.txt\").read()\n",
    "words = src.split()\n",
    "grid_size = int(math.sqrt(len(words)))\n",
    "current_index = 0\n",
    "divs = []\n",
    "for i in range(grid_size):\n",
    "    for j in range(grid_size):\n",
    "        x_pos = (100 / grid_size) * i\n",
    "        y_pos = (100 / grid_size) * j\n",
    "        this_div = mkdiv(words[current_index],\n",
    "                         top=f\"{x_pos}%\",\n",
    "                         left=f\"{y_pos}%\")\n",
    "        divs.append(this_div)\n",
    "        current_index += 1\n",
    "html_src = html_tmpl.format(title=\"frost grid\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Drawing on the previous two examples, the following code generates concrete poems in the style of [Marc Adrian's \"A Semantic infra- and meta-structure\"](http://dada.compart-bremen.de/item/artwork/252). It does this by placing each character in the text in a grid, and assigning each character a random font size:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 26,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>frost grid</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 5.0%; left: 5.0%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>T</div><div style='top: 5.0%; left: 8.333333333333334%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 5.0%; left: 11.666666666666668%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 5.0%; left: 15.0%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 5.0%; left: 18.333333333333336%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 5.0%; left: 21.666666666666668%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 5.0%; left: 25.0%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 5.0%; left: 28.333333333333336%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 5.0%; left: 31.666666666666668%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 5.0%; left: 35.0%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 5.0%; left: 38.333333333333336%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 5.0%; left: 41.66666666666667%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 5.0%; left: 45.0%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>v</div><div style='top: 5.0%; left: 48.333333333333336%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 5.0%; left: 51.66666666666667%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 5.0%; left: 55.0%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 5.0%; left: 58.333333333333336%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 5.0%; left: 61.66666666666667%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 5.0%; left: 65.0%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 5.0%; left: 68.33333333333334%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 5.0%; left: 71.66666666666667%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 5.0%; left: 75.0%; font-family: Helvetica; font-size: 9; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 5.0%; left: 78.33333333333334%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 5.0%; left: 81.66666666666667%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 5.0%; left: 85.0%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>y</div><div style='top: 5.0%; left: 88.33333333333334%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 5.0%; left: 91.66666666666667%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 8.333333333333334%; left: 5.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 8.333333333333334%; left: 8.333333333333334%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 8.333333333333334%; left: 11.666666666666668%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 8.333333333333334%; left: 15.0%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 8.333333333333334%; left: 18.333333333333336%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 8.333333333333334%; left: 21.666666666666668%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 8.333333333333334%; left: 25.0%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 8.333333333333334%; left: 28.333333333333336%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 8.333333333333334%; left: 31.666666666666668%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>,</div><div style='top: 8.333333333333334%; left: 35.0%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 8.333333333333334%; left: 38.333333333333336%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>A</div><div style='top: 8.333333333333334%; left: 41.66666666666667%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 8.333333333333334%; left: 45.0%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 8.333333333333334%; left: 48.333333333333336%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 8.333333333333334%; left: 51.66666666666667%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 8.333333333333334%; left: 55.0%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 8.333333333333334%; left: 58.333333333333336%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 8.333333333333334%; left: 61.66666666666667%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 8.333333333333334%; left: 65.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>y</div><div style='top: 8.333333333333334%; left: 68.33333333333334%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 8.333333333333334%; left: 71.66666666666667%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>I</div><div style='top: 8.333333333333334%; left: 75.0%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 8.333333333333334%; left: 78.33333333333334%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>c</div><div style='top: 8.333333333333334%; left: 81.66666666666667%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 8.333333333333334%; left: 85.0%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>u</div><div style='top: 8.333333333333334%; left: 88.33333333333334%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 8.333333333333334%; left: 91.66666666666667%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 11.666666666666668%; left: 5.0%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 11.666666666666668%; left: 8.333333333333334%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 11.666666666666668%; left: 11.666666666666668%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 11.666666666666668%; left: 15.0%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 11.666666666666668%; left: 18.333333333333336%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 11.666666666666668%; left: 21.666666666666668%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 11.666666666666668%; left: 25.0%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 11.666666666666668%; left: 28.333333333333336%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 11.666666666666668%; left: 31.666666666666668%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>v</div><div style='top: 11.666666666666668%; left: 35.0%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 11.666666666666668%; left: 38.333333333333336%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 11.666666666666668%; left: 41.66666666666667%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 11.666666666666668%; left: 45.0%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 11.666666666666668%; left: 48.333333333333336%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 11.666666666666668%; left: 51.66666666666667%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 11.666666666666668%; left: 55.0%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 11.666666666666668%; left: 58.333333333333336%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 11.666666666666668%; left: 61.66666666666667%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>A</div><div style='top: 11.666666666666668%; left: 65.0%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 11.666666666666668%; left: 68.33333333333334%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 11.666666666666668%; left: 71.66666666666667%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 11.666666666666668%; left: 75.0%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 11.666666666666668%; left: 78.33333333333334%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 11.666666666666668%; left: 81.66666666666667%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 11.666666666666668%; left: 85.0%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 11.666666666666668%; left: 88.33333333333334%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 11.666666666666668%; left: 91.66666666666667%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 15.0%; left: 5.0%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 15.0%; left: 8.333333333333334%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 15.0%; left: 11.666666666666668%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 15.0%; left: 15.0%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 15.0%; left: 18.333333333333336%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>v</div><div style='top: 15.0%; left: 21.666666666666668%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 15.0%; left: 25.0%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 15.0%; left: 28.333333333333336%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 15.0%; left: 31.666666666666668%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 15.0%; left: 35.0%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>,</div><div style='top: 15.0%; left: 38.333333333333336%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 15.0%; left: 41.66666666666667%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 15.0%; left: 45.0%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 15.0%; left: 48.333333333333336%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 15.0%; left: 51.66666666666667%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 15.0%; left: 55.0%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 15.0%; left: 58.333333333333336%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>I</div><div style='top: 15.0%; left: 61.66666666666667%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 15.0%; left: 65.0%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 15.0%; left: 68.33333333333334%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 15.0%; left: 71.66666666666667%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 15.0%; left: 75.0%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 15.0%; left: 78.33333333333334%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 15.0%; left: 81.66666666666667%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 15.0%; left: 85.0%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>A</div><div style='top: 15.0%; left: 88.33333333333334%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 15.0%; left: 91.66666666666667%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 18.333333333333336%; left: 5.0%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 18.333333333333336%; left: 8.333333333333334%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 18.333333333333336%; left: 11.666666666666668%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 18.333333333333336%; left: 15.0%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 18.333333333333336%; left: 18.333333333333336%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>k</div><div style='top: 18.333333333333336%; left: 21.666666666666668%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 18.333333333333336%; left: 25.0%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 18.333333333333336%; left: 28.333333333333336%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 18.333333333333336%; left: 31.666666666666668%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 18.333333333333336%; left: 35.0%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 18.333333333333336%; left: 38.333333333333336%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 18.333333333333336%; left: 41.66666666666667%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 18.333333333333336%; left: 45.0%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 18.333333333333336%; left: 48.333333333333336%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 18.333333333333336%; left: 51.66666666666667%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 18.333333333333336%; left: 55.0%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 18.333333333333336%; left: 58.333333333333336%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 18.333333333333336%; left: 61.66666666666667%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 18.333333333333336%; left: 65.0%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 18.333333333333336%; left: 68.33333333333334%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 18.333333333333336%; left: 71.66666666666667%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>f</div><div style='top: 18.333333333333336%; left: 75.0%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 18.333333333333336%; left: 78.33333333333334%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 18.333333333333336%; left: 81.66666666666667%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 18.333333333333336%; left: 85.0%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 18.333333333333336%; left: 88.33333333333334%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 18.333333333333336%; left: 91.66666666666667%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 21.666666666666668%; left: 5.0%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>I</div><div style='top: 21.666666666666668%; left: 8.333333333333334%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 21.666666666666668%; left: 11.666666666666668%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>c</div><div style='top: 21.666666666666668%; left: 15.0%; font-family: Helvetica; font-size: 8; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 21.666666666666668%; left: 18.333333333333336%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>u</div><div style='top: 21.666666666666668%; left: 21.666666666666668%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 21.666666666666668%; left: 25.0%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 21.666666666666668%; left: 28.333333333333336%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 21.666666666666668%; left: 31.666666666666668%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>T</div><div style='top: 21.666666666666668%; left: 35.0%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 21.666666666666668%; left: 38.333333333333336%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 21.666666666666668%; left: 41.66666666666667%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 21.666666666666668%; left: 45.0%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 21.666666666666668%; left: 48.333333333333336%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 21.666666666666668%; left: 51.66666666666667%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 21.666666666666668%; left: 55.0%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 21.666666666666668%; left: 58.333333333333336%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 21.666666666666668%; left: 61.66666666666667%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 21.666666666666668%; left: 65.0%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 21.666666666666668%; left: 68.33333333333334%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 21.666666666666668%; left: 71.66666666666667%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 21.666666666666668%; left: 75.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 21.666666666666668%; left: 78.33333333333334%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 21.666666666666668%; left: 81.66666666666667%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 21.666666666666668%; left: 85.0%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 21.666666666666668%; left: 88.33333333333334%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 21.666666666666668%; left: 91.66666666666667%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 25.0%; left: 5.0%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 25.0%; left: 8.333333333333334%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 25.0%; left: 11.666666666666668%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 25.0%; left: 15.0%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 25.0%; left: 18.333333333333336%; font-family: Helvetica; font-size: 9; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 25.0%; left: 21.666666666666668%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>u</div><div style='top: 25.0%; left: 25.0%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 25.0%; left: 28.333333333333336%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 25.0%; left: 31.666666666666668%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 25.0%; left: 35.0%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 25.0%; left: 38.333333333333336%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 25.0%; left: 41.66666666666667%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 25.0%; left: 45.0%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 25.0%; left: 48.333333333333336%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 25.0%; left: 51.66666666666667%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 25.0%; left: 55.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 25.0%; left: 58.333333333333336%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>;</div><div style='top: 25.0%; left: 61.66666666666667%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 25.0%; left: 65.0%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 25.0%; left: 68.33333333333334%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>T</div><div style='top: 25.0%; left: 71.66666666666667%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 25.0%; left: 75.0%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 25.0%; left: 78.33333333333334%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 25.0%; left: 81.66666666666667%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 25.0%; left: 85.0%; font-family: Helvetica; font-size: 9; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 25.0%; left: 88.33333333333334%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 25.0%; left: 91.66666666666667%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 28.333333333333336%; left: 5.0%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>k</div><div style='top: 28.333333333333336%; left: 8.333333333333334%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 28.333333333333336%; left: 11.666666666666668%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 28.333333333333336%; left: 15.0%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 28.333333333333336%; left: 18.333333333333336%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 28.333333333333336%; left: 21.666666666666668%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 28.333333333333336%; left: 25.0%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 28.333333333333336%; left: 28.333333333333336%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 28.333333333333336%; left: 31.666666666666668%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 28.333333333333336%; left: 35.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 28.333333333333336%; left: 38.333333333333336%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 28.333333333333336%; left: 41.66666666666667%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>,</div><div style='top: 28.333333333333336%; left: 45.0%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 28.333333333333336%; left: 48.333333333333336%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 28.333333333333336%; left: 51.66666666666667%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 28.333333333333336%; left: 55.0%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 28.333333333333336%; left: 58.333333333333336%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>j</div><div style='top: 28.333333333333336%; left: 61.66666666666667%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>u</div><div style='top: 28.333333333333336%; left: 65.0%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 28.333333333333336%; left: 68.33333333333334%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 28.333333333333336%; left: 71.66666666666667%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 28.333333333333336%; left: 75.0%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 28.333333333333336%; left: 78.33333333333334%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 28.333333333333336%; left: 81.66666666666667%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 28.333333333333336%; left: 85.0%; font-family: Helvetica; font-size: 8; transform: translate(-50%, -50%); position: absolute;'>f</div><div style='top: 28.333333333333336%; left: 88.33333333333334%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 28.333333333333336%; left: 91.66666666666667%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 31.666666666666668%; left: 5.0%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 31.666666666666668%; left: 8.333333333333334%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>,</div><div style='top: 31.666666666666668%; left: 11.666666666666668%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 31.666666666666668%; left: 15.0%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>A</div><div style='top: 31.666666666666668%; left: 18.333333333333336%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 31.666666666666668%; left: 21.666666666666668%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 31.666666666666668%; left: 25.0%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 31.666666666666668%; left: 28.333333333333336%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 31.666666666666668%; left: 31.666666666666668%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 31.666666666666668%; left: 35.0%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>v</div><div style='top: 31.666666666666668%; left: 38.333333333333336%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 31.666666666666668%; left: 41.66666666666667%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 31.666666666666668%; left: 45.0%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 31.666666666666668%; left: 48.333333333333336%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 31.666666666666668%; left: 51.66666666666667%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>p</div><div style='top: 31.666666666666668%; left: 55.0%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 31.666666666666668%; left: 58.333333333333336%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 31.666666666666668%; left: 61.66666666666667%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 31.666666666666668%; left: 65.0%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 31.666666666666668%; left: 68.33333333333334%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>p</div><div style='top: 31.666666666666668%; left: 71.66666666666667%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 31.666666666666668%; left: 75.0%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 31.666666666666668%; left: 78.33333333333334%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 31.666666666666668%; left: 81.66666666666667%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 31.666666666666668%; left: 85.0%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 31.666666666666668%; left: 88.33333333333334%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 31.666666666666668%; left: 91.66666666666667%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 35.0%; left: 5.0%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 35.0%; left: 8.333333333333334%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 35.0%; left: 11.666666666666668%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 35.0%; left: 15.0%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 35.0%; left: 18.333333333333336%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 35.0%; left: 21.666666666666668%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 35.0%; left: 25.0%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>c</div><div style='top: 35.0%; left: 28.333333333333336%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 35.0%; left: 31.666666666666668%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 35.0%; left: 35.0%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 35.0%; left: 38.333333333333336%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>m</div><div style='top: 35.0%; left: 41.66666666666667%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'>,</div><div style='top: 35.0%; left: 45.0%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 35.0%; left: 48.333333333333336%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>B</div><div style='top: 35.0%; left: 51.66666666666667%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 35.0%; left: 55.0%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>c</div><div style='top: 35.0%; left: 58.333333333333336%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 35.0%; left: 61.66666666666667%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>u</div><div style='top: 35.0%; left: 65.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 35.0%; left: 68.33333333333334%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 35.0%; left: 71.66666666666667%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 35.0%; left: 75.0%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 35.0%; left: 78.33333333333334%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 35.0%; left: 81.66666666666667%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 35.0%; left: 85.0%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 35.0%; left: 88.33333333333334%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 35.0%; left: 91.66666666666667%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 38.333333333333336%; left: 5.0%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 38.333333333333336%; left: 8.333333333333334%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 38.333333333333336%; left: 11.666666666666668%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 38.333333333333336%; left: 15.0%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 38.333333333333336%; left: 18.333333333333336%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 38.333333333333336%; left: 21.666666666666668%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 38.333333333333336%; left: 25.0%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>y</div><div style='top: 38.333333333333336%; left: 28.333333333333336%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 38.333333333333336%; left: 31.666666666666668%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 38.333333333333336%; left: 35.0%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 38.333333333333336%; left: 38.333333333333336%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 38.333333333333336%; left: 41.66666666666667%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 38.333333333333336%; left: 45.0%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 38.333333333333336%; left: 48.333333333333336%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 38.333333333333336%; left: 51.66666666666667%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 38.333333333333336%; left: 55.0%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 38.333333333333336%; left: 58.333333333333336%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 38.333333333333336%; left: 61.66666666666667%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 38.333333333333336%; left: 65.0%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 38.333333333333336%; left: 68.33333333333334%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 38.333333333333336%; left: 71.66666666666667%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 38.333333333333336%; left: 75.0%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 38.333333333333336%; left: 78.33333333333334%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 38.333333333333336%; left: 81.66666666666667%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>;</div><div style='top: 38.333333333333336%; left: 85.0%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 38.333333333333336%; left: 88.33333333333334%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>T</div><div style='top: 38.333333333333336%; left: 91.66666666666667%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 41.66666666666667%; left: 5.0%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 41.66666666666667%; left: 8.333333333333334%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>u</div><div style='top: 41.66666666666667%; left: 11.666666666666668%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 41.66666666666667%; left: 15.0%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 41.66666666666667%; left: 18.333333333333336%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 41.66666666666667%; left: 21.666666666666668%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 41.66666666666667%; left: 25.0%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 41.66666666666667%; left: 28.333333333333336%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 41.66666666666667%; left: 31.666666666666668%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>f</div><div style='top: 41.66666666666667%; left: 35.0%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 41.66666666666667%; left: 38.333333333333336%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 41.66666666666667%; left: 41.66666666666667%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 41.66666666666667%; left: 45.0%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 41.66666666666667%; left: 48.333333333333336%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 41.66666666666667%; left: 51.66666666666667%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 41.66666666666667%; left: 55.0%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 41.66666666666667%; left: 58.333333333333336%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 41.66666666666667%; left: 61.66666666666667%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 41.66666666666667%; left: 65.0%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 41.66666666666667%; left: 68.33333333333334%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 41.66666666666667%; left: 71.66666666666667%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 41.66666666666667%; left: 75.0%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>p</div><div style='top: 41.66666666666667%; left: 78.33333333333334%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 41.66666666666667%; left: 81.66666666666667%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 41.66666666666667%; left: 85.0%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 41.66666666666667%; left: 88.33333333333334%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 41.66666666666667%; left: 91.66666666666667%; font-family: Helvetica; font-size: 39; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 45.0%; left: 5.0%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 45.0%; left: 8.333333333333334%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 45.0%; left: 11.666666666666668%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 45.0%; left: 15.0%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 45.0%; left: 18.333333333333336%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 45.0%; left: 21.666666666666668%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 45.0%; left: 25.0%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 45.0%; left: 28.333333333333336%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 45.0%; left: 31.666666666666668%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>H</div><div style='top: 45.0%; left: 35.0%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 45.0%; left: 38.333333333333336%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 45.0%; left: 41.66666666666667%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 45.0%; left: 45.0%; font-family: Helvetica; font-size: 8; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 45.0%; left: 48.333333333333336%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 45.0%; left: 51.66666666666667%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 45.0%; left: 55.0%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 45.0%; left: 58.333333333333336%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 45.0%; left: 61.66666666666667%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 45.0%; left: 65.0%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 45.0%; left: 68.33333333333334%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 45.0%; left: 71.66666666666667%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>m</div><div style='top: 45.0%; left: 75.0%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 45.0%; left: 78.33333333333334%; font-family: Helvetica; font-size: 39; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 45.0%; left: 81.66666666666667%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 45.0%; left: 85.0%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 45.0%; left: 88.33333333333334%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 45.0%; left: 91.66666666666667%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 48.333333333333336%; left: 5.0%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>y</div><div style='top: 48.333333333333336%; left: 8.333333333333334%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 48.333333333333336%; left: 11.666666666666668%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 48.333333333333336%; left: 15.0%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 48.333333333333336%; left: 18.333333333333336%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 48.333333333333336%; left: 21.666666666666668%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>u</div><div style='top: 48.333333333333336%; left: 25.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 48.333333333333336%; left: 28.333333333333336%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 48.333333333333336%; left: 31.666666666666668%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 48.333333333333336%; left: 35.0%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 48.333333333333336%; left: 38.333333333333336%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 48.333333333333336%; left: 41.66666666666667%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 48.333333333333336%; left: 45.0%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 48.333333333333336%; left: 48.333333333333336%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 48.333333333333336%; left: 51.66666666666667%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>m</div><div style='top: 48.333333333333336%; left: 55.0%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 48.333333333333336%; left: 58.333333333333336%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>,</div><div style='top: 48.333333333333336%; left: 61.66666666666667%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 48.333333333333336%; left: 65.0%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 48.333333333333336%; left: 68.33333333333334%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>A</div><div style='top: 48.333333333333336%; left: 71.66666666666667%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 48.333333333333336%; left: 75.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 48.333333333333336%; left: 78.33333333333334%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 48.333333333333336%; left: 81.66666666666667%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 48.333333333333336%; left: 85.0%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 48.333333333333336%; left: 88.33333333333334%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 48.333333333333336%; left: 91.66666666666667%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 51.66666666666667%; left: 5.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 51.66666666666667%; left: 8.333333333333334%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 51.66666666666667%; left: 11.666666666666668%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 51.66666666666667%; left: 15.0%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 51.66666666666667%; left: 18.333333333333336%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 51.66666666666667%; left: 21.666666666666668%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 51.66666666666667%; left: 25.0%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>m</div><div style='top: 51.66666666666667%; left: 28.333333333333336%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 51.66666666666667%; left: 31.666666666666668%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 51.66666666666667%; left: 35.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 51.66666666666667%; left: 38.333333333333336%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 51.66666666666667%; left: 41.66666666666667%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 51.66666666666667%; left: 45.0%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 51.66666666666667%; left: 48.333333333333336%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 51.66666666666667%; left: 51.66666666666667%; font-family: Helvetica; font-size: 39; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 51.66666666666667%; left: 55.0%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>q</div><div style='top: 51.66666666666667%; left: 58.333333333333336%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>u</div><div style='top: 51.66666666666667%; left: 61.66666666666667%; font-family: Helvetica; font-size: 8; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 51.66666666666667%; left: 65.0%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 51.66666666666667%; left: 68.33333333333334%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 51.66666666666667%; left: 71.66666666666667%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>y</div><div style='top: 51.66666666666667%; left: 75.0%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 51.66666666666667%; left: 78.33333333333334%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 51.66666666666667%; left: 81.66666666666667%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 51.66666666666667%; left: 85.0%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>y</div><div style='top: 51.66666666666667%; left: 88.33333333333334%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 51.66666666666667%; left: 91.66666666666667%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>I</div><div style='top: 55.0%; left: 5.0%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 55.0%; left: 8.333333333333334%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 55.0%; left: 11.666666666666668%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 55.0%; left: 15.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 55.0%; left: 18.333333333333336%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 55.0%; left: 21.666666666666668%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>v</div><div style='top: 55.0%; left: 25.0%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 55.0%; left: 28.333333333333336%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 55.0%; left: 31.666666666666668%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 55.0%; left: 35.0%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 55.0%; left: 38.333333333333336%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 55.0%; left: 41.66666666666667%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 55.0%; left: 45.0%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 55.0%; left: 48.333333333333336%; font-family: Helvetica; font-size: 9; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 55.0%; left: 51.66666666666667%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 55.0%; left: 55.0%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>p</div><div style='top: 55.0%; left: 58.333333333333336%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 55.0%; left: 61.66666666666667%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 55.0%; left: 65.0%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 55.0%; left: 68.33333333333334%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 55.0%; left: 71.66666666666667%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 55.0%; left: 75.0%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 55.0%; left: 78.33333333333334%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 55.0%; left: 81.66666666666667%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 55.0%; left: 85.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 55.0%; left: 88.33333333333334%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 55.0%; left: 91.66666666666667%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 58.333333333333336%; left: 5.0%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 58.333333333333336%; left: 8.333333333333334%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 58.333333333333336%; left: 11.666666666666668%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 58.333333333333336%; left: 15.0%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 58.333333333333336%; left: 18.333333333333336%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 58.333333333333336%; left: 21.666666666666668%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>c</div><div style='top: 58.333333333333336%; left: 25.0%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'>k</div><div style='top: 58.333333333333336%; left: 28.333333333333336%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>.</div><div style='top: 58.333333333333336%; left: 31.666666666666668%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 58.333333333333336%; left: 35.0%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>O</div><div style='top: 58.333333333333336%; left: 38.333333333333336%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 58.333333333333336%; left: 41.66666666666667%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>,</div><div style='top: 58.333333333333336%; left: 45.0%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 58.333333333333336%; left: 48.333333333333336%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>I</div><div style='top: 58.333333333333336%; left: 51.66666666666667%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 58.333333333333336%; left: 55.0%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>k</div><div style='top: 58.333333333333336%; left: 58.333333333333336%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 58.333333333333336%; left: 61.66666666666667%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>p</div><div style='top: 58.333333333333336%; left: 65.0%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 58.333333333333336%; left: 68.33333333333334%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 58.333333333333336%; left: 71.66666666666667%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 58.333333333333336%; left: 75.0%; font-family: Helvetica; font-size: 39; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 58.333333333333336%; left: 78.33333333333334%; font-family: Helvetica; font-size: 9; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 58.333333333333336%; left: 81.66666666666667%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 58.333333333333336%; left: 85.0%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>f</div><div style='top: 58.333333333333336%; left: 88.33333333333334%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 58.333333333333336%; left: 91.66666666666667%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 61.66666666666667%; left: 5.0%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 61.66666666666667%; left: 8.333333333333334%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 61.66666666666667%; left: 11.666666666666668%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 61.66666666666667%; left: 15.0%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'>f</div><div style='top: 61.66666666666667%; left: 18.333333333333336%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 61.66666666666667%; left: 21.666666666666668%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 61.66666666666667%; left: 25.0%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 61.66666666666667%; left: 28.333333333333336%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 61.66666666666667%; left: 31.666666666666668%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 61.66666666666667%; left: 35.0%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 61.66666666666667%; left: 38.333333333333336%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 61.66666666666667%; left: 41.66666666666667%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 61.66666666666667%; left: 45.0%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 61.66666666666667%; left: 48.333333333333336%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 61.66666666666667%; left: 51.66666666666667%; font-family: Helvetica; font-size: 9; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 61.66666666666667%; left: 55.0%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 61.66666666666667%; left: 58.333333333333336%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 61.66666666666667%; left: 61.66666666666667%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>y</div><div style='top: 61.66666666666667%; left: 65.0%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>!</div><div style='top: 61.66666666666667%; left: 68.33333333333334%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 61.66666666666667%; left: 71.66666666666667%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>Y</div><div style='top: 61.66666666666667%; left: 75.0%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 61.66666666666667%; left: 78.33333333333334%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 61.66666666666667%; left: 81.66666666666667%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 61.66666666666667%; left: 85.0%; font-family: Helvetica; font-size: 9; transform: translate(-50%, -50%); position: absolute;'>k</div><div style='top: 61.66666666666667%; left: 88.33333333333334%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 61.66666666666667%; left: 91.66666666666667%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 65.0%; left: 5.0%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 65.0%; left: 8.333333333333334%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 65.0%; left: 11.666666666666668%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 65.0%; left: 15.0%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 65.0%; left: 18.333333333333336%; font-family: Helvetica; font-size: 8; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 65.0%; left: 21.666666666666668%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 65.0%; left: 25.0%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 65.0%; left: 28.333333333333336%; font-family: Helvetica; font-size: 8; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 65.0%; left: 31.666666666666668%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 65.0%; left: 35.0%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 65.0%; left: 38.333333333333336%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 65.0%; left: 41.66666666666667%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>y</div><div style='top: 65.0%; left: 45.0%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 65.0%; left: 48.333333333333336%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 65.0%; left: 51.66666666666667%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 65.0%; left: 55.0%; font-family: Helvetica; font-size: 8; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 65.0%; left: 58.333333333333336%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 65.0%; left: 61.66666666666667%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 65.0%; left: 65.0%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 65.0%; left: 68.33333333333334%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 65.0%; left: 71.66666666666667%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 65.0%; left: 75.0%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 65.0%; left: 78.33333333333334%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 65.0%; left: 81.66666666666667%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 65.0%; left: 85.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 65.0%; left: 88.33333333333334%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 65.0%; left: 91.66666666666667%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 68.33333333333334%; left: 5.0%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>y</div><div style='top: 68.33333333333334%; left: 8.333333333333334%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>,</div><div style='top: 68.33333333333334%; left: 11.666666666666668%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 68.33333333333334%; left: 15.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>I</div><div style='top: 68.33333333333334%; left: 18.333333333333336%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 68.33333333333334%; left: 21.666666666666668%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 68.33333333333334%; left: 25.0%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 68.33333333333334%; left: 28.333333333333336%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>u</div><div style='top: 68.33333333333334%; left: 31.666666666666668%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 68.33333333333334%; left: 35.0%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 68.33333333333334%; left: 38.333333333333336%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 68.33333333333334%; left: 41.66666666666667%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 68.33333333333334%; left: 45.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 68.33333333333334%; left: 48.333333333333336%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 68.33333333333334%; left: 51.66666666666667%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>f</div><div style='top: 68.33333333333334%; left: 55.0%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 68.33333333333334%; left: 58.333333333333336%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>I</div><div style='top: 68.33333333333334%; left: 61.66666666666667%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 68.33333333333334%; left: 65.0%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 68.33333333333334%; left: 68.33333333333334%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 68.33333333333334%; left: 71.66666666666667%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 68.33333333333334%; left: 75.0%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>u</div><div style='top: 68.33333333333334%; left: 78.33333333333334%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 68.33333333333334%; left: 81.66666666666667%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 68.33333333333334%; left: 85.0%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 68.33333333333334%; left: 88.33333333333334%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 68.33333333333334%; left: 91.66666666666667%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>v</div><div style='top: 71.66666666666667%; left: 5.0%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 71.66666666666667%; left: 8.333333333333334%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 71.66666666666667%; left: 11.666666666666668%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 71.66666666666667%; left: 15.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>c</div><div style='top: 71.66666666666667%; left: 18.333333333333336%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 71.66666666666667%; left: 21.666666666666668%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>m</div><div style='top: 71.66666666666667%; left: 25.0%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 71.66666666666667%; left: 28.333333333333336%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 71.66666666666667%; left: 31.666666666666668%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 71.66666666666667%; left: 35.0%; font-family: Helvetica; font-size: 9; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 71.66666666666667%; left: 38.333333333333336%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>c</div><div style='top: 71.66666666666667%; left: 41.66666666666667%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>k</div><div style='top: 71.66666666666667%; left: 45.0%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>.</div><div style='top: 71.66666666666667%; left: 48.333333333333336%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 71.66666666666667%; left: 51.66666666666667%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 71.66666666666667%; left: 55.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>I</div><div style='top: 71.66666666666667%; left: 58.333333333333336%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 71.66666666666667%; left: 61.66666666666667%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 71.66666666666667%; left: 65.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 71.66666666666667%; left: 68.33333333333334%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 71.66666666666667%; left: 71.66666666666667%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 71.66666666666667%; left: 75.0%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 71.66666666666667%; left: 78.33333333333334%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 71.66666666666667%; left: 81.66666666666667%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 71.66666666666667%; left: 85.0%; font-family: Helvetica; font-size: 7; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 71.66666666666667%; left: 88.33333333333334%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 71.66666666666667%; left: 91.66666666666667%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 75.0%; left: 5.0%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 75.0%; left: 8.333333333333334%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 75.0%; left: 11.666666666666668%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 75.0%; left: 15.0%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 75.0%; left: 18.333333333333336%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 75.0%; left: 21.666666666666668%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 75.0%; left: 25.0%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 75.0%; left: 28.333333333333336%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 75.0%; left: 31.666666666666668%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 75.0%; left: 35.0%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 75.0%; left: 38.333333333333336%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 75.0%; left: 41.66666666666667%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 75.0%; left: 45.0%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 75.0%; left: 48.333333333333336%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 75.0%; left: 51.66666666666667%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 75.0%; left: 55.0%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 75.0%; left: 58.333333333333336%; font-family: Helvetica; font-size: 39; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 75.0%; left: 61.66666666666667%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 75.0%; left: 65.0%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 75.0%; left: 68.33333333333334%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 75.0%; left: 71.66666666666667%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 75.0%; left: 75.0%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 75.0%; left: 78.33333333333334%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 75.0%; left: 81.66666666666667%; font-family: Helvetica; font-size: 6; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 75.0%; left: 85.0%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>S</div><div style='top: 75.0%; left: 88.33333333333334%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 75.0%; left: 91.66666666666667%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>m</div><div style='top: 78.33333333333334%; left: 5.0%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 78.33333333333334%; left: 8.333333333333334%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 78.33333333333334%; left: 11.666666666666668%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 78.33333333333334%; left: 15.0%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 78.33333333333334%; left: 18.333333333333336%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 78.33333333333334%; left: 21.666666666666668%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 78.33333333333334%; left: 25.0%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 78.33333333333334%; left: 28.333333333333336%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 78.33333333333334%; left: 31.666666666666668%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 78.33333333333334%; left: 35.0%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 78.33333333333334%; left: 38.333333333333336%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 78.33333333333334%; left: 41.66666666666667%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 78.33333333333334%; left: 45.0%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 78.33333333333334%; left: 48.333333333333336%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 78.33333333333334%; left: 51.66666666666667%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 78.33333333333334%; left: 55.0%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 78.33333333333334%; left: 58.333333333333336%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 78.33333333333334%; left: 61.66666666666667%; font-family: Helvetica; font-size: 39; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 78.33333333333334%; left: 65.0%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 78.33333333333334%; left: 68.33333333333334%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 78.33333333333334%; left: 71.66666666666667%; font-family: Helvetica; font-size: 17; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 78.33333333333334%; left: 75.0%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 78.33333333333334%; left: 78.33333333333334%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 78.33333333333334%; left: 81.66666666666667%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 78.33333333333334%; left: 85.0%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>c</div><div style='top: 78.33333333333334%; left: 88.33333333333334%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 78.33333333333334%; left: 91.66666666666667%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>:</div><div style='top: 81.66666666666667%; left: 5.0%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 81.66666666666667%; left: 8.333333333333334%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>T</div><div style='top: 81.66666666666667%; left: 11.666666666666668%; font-family: Helvetica; font-size: 23; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 81.66666666666667%; left: 15.0%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 81.66666666666667%; left: 18.333333333333336%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 81.66666666666667%; left: 21.666666666666668%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 81.66666666666667%; left: 25.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 81.66666666666667%; left: 28.333333333333336%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 81.66666666666667%; left: 31.666666666666668%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 81.66666666666667%; left: 35.0%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 81.66666666666667%; left: 38.333333333333336%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 81.66666666666667%; left: 41.66666666666667%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 81.66666666666667%; left: 45.0%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 81.66666666666667%; left: 48.333333333333336%; font-family: Helvetica; font-size: 44; transform: translate(-50%, -50%); position: absolute;'>v</div><div style='top: 81.66666666666667%; left: 51.66666666666667%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 81.66666666666667%; left: 55.0%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 81.66666666666667%; left: 58.333333333333336%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'>g</div><div style='top: 81.66666666666667%; left: 61.66666666666667%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 81.66666666666667%; left: 65.0%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 81.66666666666667%; left: 68.33333333333334%; font-family: Helvetica; font-size: 38; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 81.66666666666667%; left: 71.66666666666667%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 81.66666666666667%; left: 75.0%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 81.66666666666667%; left: 78.33333333333334%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 81.66666666666667%; left: 81.66666666666667%; font-family: Helvetica; font-size: 35; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 81.66666666666667%; left: 85.0%; font-family: Helvetica; font-size: 46; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 81.66666666666667%; left: 88.33333333333334%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'>w</div><div style='top: 81.66666666666667%; left: 91.66666666666667%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 85.0%; left: 5.0%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 85.0%; left: 8.333333333333334%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 85.0%; left: 11.666666666666668%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>,</div><div style='top: 85.0%; left: 15.0%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 85.0%; left: 18.333333333333336%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 85.0%; left: 21.666666666666668%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 85.0%; left: 25.0%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 85.0%; left: 28.333333333333336%; font-family: Helvetica; font-size: 45; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 85.0%; left: 31.666666666666668%; font-family: Helvetica; font-size: 41; transform: translate(-50%, -50%); position: absolute;'>I</div><div style='top: 85.0%; left: 35.0%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>-</div><div style='top: 85.0%; left: 38.333333333333336%; font-family: Helvetica; font-size: 16; transform: translate(-50%, -50%); position: absolute;'>-</div><div style='top: 85.0%; left: 41.66666666666667%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>-</div><div style='top: 85.0%; left: 45.0%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 85.0%; left: 48.333333333333336%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>I</div><div style='top: 85.0%; left: 51.66666666666667%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 85.0%; left: 55.0%; font-family: Helvetica; font-size: 9; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 85.0%; left: 58.333333333333336%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 85.0%; left: 61.66666666666667%; font-family: Helvetica; font-size: 39; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 85.0%; left: 65.0%; font-family: Helvetica; font-size: 43; transform: translate(-50%, -50%); position: absolute;'>k</div><div style='top: 85.0%; left: 68.33333333333334%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 85.0%; left: 71.66666666666667%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 85.0%; left: 75.0%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 85.0%; left: 78.33333333333334%; font-family: Helvetica; font-size: 39; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 85.0%; left: 81.66666666666667%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 85.0%; left: 85.0%; font-family: Helvetica; font-size: 27; transform: translate(-50%, -50%); position: absolute;'>o</div><div style='top: 85.0%; left: 88.33333333333334%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 85.0%; left: 91.66666666666667%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 88.33333333333334%; left: 5.0%; font-family: Helvetica; font-size: 8; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 88.33333333333334%; left: 8.333333333333334%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 88.33333333333334%; left: 11.666666666666668%; font-family: Helvetica; font-size: 18; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 88.33333333333334%; left: 15.0%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 88.33333333333334%; left: 18.333333333333336%; font-family: Helvetica; font-size: 4; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 88.33333333333334%; left: 21.666666666666668%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 88.33333333333334%; left: 25.0%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 88.33333333333334%; left: 28.333333333333336%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 88.33333333333334%; left: 31.666666666666668%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 88.33333333333334%; left: 35.0%; font-family: Helvetica; font-size: 12; transform: translate(-50%, -50%); position: absolute;'>v</div><div style='top: 88.33333333333334%; left: 38.333333333333336%; font-family: Helvetica; font-size: 28; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 88.33333333333334%; left: 41.66666666666667%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 88.33333333333334%; left: 45.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 88.33333333333334%; left: 48.333333333333336%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 88.33333333333334%; left: 51.66666666666667%; font-family: Helvetica; font-size: 19; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 88.33333333333334%; left: 55.0%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 88.33333333333334%; left: 58.333333333333336%; font-family: Helvetica; font-size: 42; transform: translate(-50%, -50%); position: absolute;'>b</div><div style='top: 88.33333333333334%; left: 61.66666666666667%; font-family: Helvetica; font-size: 34; transform: translate(-50%, -50%); position: absolute;'>y</div><div style='top: 88.33333333333334%; left: 65.0%; font-family: Helvetica; font-size: 8; transform: translate(-50%, -50%); position: absolute;'>,</div><div style='top: 88.33333333333334%; left: 68.33333333333334%; font-family: Helvetica; font-size: 8; transform: translate(-50%, -50%); position: absolute;'>\n",
       "</div><div style='top: 88.33333333333334%; left: 71.66666666666667%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>A</div><div style='top: 88.33333333333334%; left: 75.0%; font-family: Helvetica; font-size: 39; transform: translate(-50%, -50%); position: absolute;'>n</div><div style='top: 88.33333333333334%; left: 78.33333333333334%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 88.33333333333334%; left: 81.66666666666667%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 88.33333333333334%; left: 85.0%; font-family: Helvetica; font-size: 26; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 88.33333333333334%; left: 88.33333333333334%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 88.33333333333334%; left: 91.66666666666667%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 91.66666666666667%; left: 5.0%; font-family: Helvetica; font-size: 25; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 91.66666666666667%; left: 8.333333333333334%; font-family: Helvetica; font-size: 10; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 91.66666666666667%; left: 11.666666666666668%; font-family: Helvetica; font-size: 24; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 91.66666666666667%; left: 15.0%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 91.66666666666667%; left: 18.333333333333336%; font-family: Helvetica; font-size: 40; transform: translate(-50%, -50%); position: absolute;'>s</div><div style='top: 91.66666666666667%; left: 21.666666666666668%; font-family: Helvetica; font-size: 33; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 91.66666666666667%; left: 25.0%; font-family: Helvetica; font-size: 32; transform: translate(-50%, -50%); position: absolute;'>m</div><div style='top: 91.66666666666667%; left: 28.333333333333336%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 91.66666666666667%; left: 31.666666666666668%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 91.66666666666667%; left: 35.0%; font-family: Helvetica; font-size: 47; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 91.66666666666667%; left: 38.333333333333336%; font-family: Helvetica; font-size: 11; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 91.66666666666667%; left: 41.66666666666667%; font-family: Helvetica; font-size: 37; transform: translate(-50%, -50%); position: absolute;'>a</div><div style='top: 91.66666666666667%; left: 45.0%; font-family: Helvetica; font-size: 21; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 91.66666666666667%; left: 48.333333333333336%; font-family: Helvetica; font-size: 15; transform: translate(-50%, -50%); position: absolute;'>l</div><div style='top: 91.66666666666667%; left: 51.66666666666667%; font-family: Helvetica; font-size: 31; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 91.66666666666667%; left: 55.0%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>t</div><div style='top: 91.66666666666667%; left: 58.333333333333336%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>h</div><div style='top: 91.66666666666667%; left: 61.66666666666667%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 91.66666666666667%; left: 65.0%; font-family: Helvetica; font-size: 14; transform: translate(-50%, -50%); position: absolute;'> </div><div style='top: 91.66666666666667%; left: 68.33333333333334%; font-family: Helvetica; font-size: 5; transform: translate(-50%, -50%); position: absolute;'>d</div><div style='top: 91.66666666666667%; left: 71.66666666666667%; font-family: Helvetica; font-size: 13; transform: translate(-50%, -50%); position: absolute;'>i</div><div style='top: 91.66666666666667%; left: 75.0%; font-family: Helvetica; font-size: 29; transform: translate(-50%, -50%); position: absolute;'>f</div><div style='top: 91.66666666666667%; left: 78.33333333333334%; font-family: Helvetica; font-size: 20; transform: translate(-50%, -50%); position: absolute;'>f</div><div style='top: 91.66666666666667%; left: 81.66666666666667%; font-family: Helvetica; font-size: 36; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 91.66666666666667%; left: 85.0%; font-family: Helvetica; font-size: 22; transform: translate(-50%, -50%); position: absolute;'>r</div><div style='top: 91.66666666666667%; left: 88.33333333333334%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>e</div><div style='top: 91.66666666666667%; left: 91.66666666666667%; font-family: Helvetica; font-size: 30; transform: translate(-50%, -50%); position: absolute;'>n</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "src = open(\"frost.txt\").read()\n",
    "letters = list(src)\n",
    "grid_size = int(math.sqrt(len(letters)))\n",
    "current_index = 0\n",
    "divs = []\n",
    "for i in range(grid_size):\n",
    "    for j in range(grid_size):\n",
    "        x_pos = 5 + (90 / grid_size) * i\n",
    "        y_pos = 5 + (90 / (grid_size)) * j\n",
    "        this_div = mkdiv(letters[current_index],\n",
    "                         top=f\"{x_pos}%\",\n",
    "                         left=f\"{y_pos}%\",\n",
    "                         font_family=\"Helvetica\",\n",
    "                         font_size=f\"{random.randrange(4, 48)}\",\n",
    "                         transform=\"translate(-50%, -50%)\")\n",
    "        divs.append(this_div)\n",
    "        current_index += 1\n",
    "html_src = html_tmpl.format(title=\"frost grid\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Points along lines\n",
    "\n",
    "Another strategy is to draw letters or words arranged along lines (though still retaining their fixed vertical orientation). To make this happen, we need some way to determine *points along the line* that connects two arbitrary points. The following function does just this. Pass it two coordinates (in the form of tuples like `(4, 15)` or `(5.5, 1.23)` and the number of interpolated points you want, and it will return a list of coordinates joining the two points (including the start and end point that you specified):"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 27,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[(0.0, 0.0), (1.25, 5.25), (2.5, 10.5), (3.75, 15.75), (5.0, 21.0)]"
      ]
     },
     "execution_count": 27,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import numpy as np\n",
    "def interp(p1, p2, n=10):\n",
    "    p1 = np.array(p1)\n",
    "    p2 = np.array(p2)\n",
    "    pts = []\n",
    "    for i in range(n):\n",
    "        pt = (p2 * (i/(n-1))) + (p1 * (1-(i/(n-1))))\n",
    "        pts.append(tuple(pt))\n",
    "    return pts\n",
    "interp((0, 0), (5, 21), n=5)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "The example below uses this function to create a list of points along a line that has the same number of points as characters in the source string. Then, using a `for` loop, it iterates over the number of points and creates a `<div>` at each point for each character:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 28,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>characters along lines</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 25.0%; left: 25.0%; font-size: 16pt; position: absolute;'>M</div><div style='top: 26.351351351351354%; left: 26.351351351351354%; font-size: 16pt; position: absolute;'>o</div><div style='top: 27.7027027027027%; left: 27.7027027027027%; font-size: 16pt; position: absolute;'>t</div><div style='top: 29.054054054054053%; left: 29.054054054054053%; font-size: 16pt; position: absolute;'>h</div><div style='top: 30.405405405405407%; left: 30.405405405405407%; font-size: 16pt; position: absolute;'>e</div><div style='top: 31.756756756756758%; left: 31.756756756756758%; font-size: 16pt; position: absolute;'>r</div><div style='top: 33.10810810810811%; left: 33.10810810810811%; font-size: 16pt; position: absolute;'> </div><div style='top: 34.45945945945946%; left: 34.45945945945946%; font-size: 16pt; position: absolute;'>s</div><div style='top: 35.81081081081081%; left: 35.81081081081081%; font-size: 16pt; position: absolute;'>a</div><div style='top: 37.16216216216216%; left: 37.16216216216216%; font-size: 16pt; position: absolute;'>i</div><div style='top: 38.513513513513516%; left: 38.513513513513516%; font-size: 16pt; position: absolute;'>d</div><div style='top: 39.86486486486486%; left: 39.86486486486486%; font-size: 16pt; position: absolute;'> </div><div style='top: 41.21621621621622%; left: 41.21621621621622%; font-size: 16pt; position: absolute;'>t</div><div style='top: 42.56756756756757%; left: 42.56756756756757%; font-size: 16pt; position: absolute;'>h</div><div style='top: 43.91891891891892%; left: 43.91891891891892%; font-size: 16pt; position: absolute;'>e</div><div style='top: 45.270270270270274%; left: 45.270270270270274%; font-size: 16pt; position: absolute;'>r</div><div style='top: 46.62162162162163%; left: 46.62162162162163%; font-size: 16pt; position: absolute;'>e</div><div style='top: 47.972972972972975%; left: 47.972972972972975%; font-size: 16pt; position: absolute;'>'</div><div style='top: 49.32432432432433%; left: 49.32432432432433%; font-size: 16pt; position: absolute;'>d</div><div style='top: 50.67567567567567%; left: 50.67567567567567%; font-size: 16pt; position: absolute;'> </div><div style='top: 52.027027027027025%; left: 52.027027027027025%; font-size: 16pt; position: absolute;'>b</div><div style='top: 53.37837837837837%; left: 53.37837837837837%; font-size: 16pt; position: absolute;'>e</div><div style='top: 54.72972972972973%; left: 54.72972972972973%; font-size: 16pt; position: absolute;'> </div><div style='top: 56.08108108108108%; left: 56.08108108108108%; font-size: 16pt; position: absolute;'>d</div><div style='top: 57.432432432432435%; left: 57.432432432432435%; font-size: 16pt; position: absolute;'>a</div><div style='top: 58.78378378378379%; left: 58.78378378378379%; font-size: 16pt; position: absolute;'>y</div><div style='top: 60.135135135135144%; left: 60.135135135135144%; font-size: 16pt; position: absolute;'>s</div><div style='top: 61.486486486486484%; left: 61.486486486486484%; font-size: 16pt; position: absolute;'> </div><div style='top: 62.83783783783784%; left: 62.83783783783784%; font-size: 16pt; position: absolute;'>l</div><div style='top: 64.1891891891892%; left: 64.1891891891892%; font-size: 16pt; position: absolute;'>i</div><div style='top: 65.54054054054055%; left: 65.54054054054055%; font-size: 16pt; position: absolute;'>k</div><div style='top: 66.89189189189189%; left: 66.89189189189189%; font-size: 16pt; position: absolute;'>e</div><div style='top: 68.24324324324324%; left: 68.24324324324324%; font-size: 16pt; position: absolute;'> </div><div style='top: 69.5945945945946%; left: 69.5945945945946%; font-size: 16pt; position: absolute;'>t</div><div style='top: 70.94594594594595%; left: 70.94594594594595%; font-size: 16pt; position: absolute;'>h</div><div style='top: 72.2972972972973%; left: 72.2972972972973%; font-size: 16pt; position: absolute;'>e</div><div style='top: 73.64864864864866%; left: 73.64864864864866%; font-size: 16pt; position: absolute;'>s</div><div style='top: 75.0%; left: 75.0%; font-size: 16pt; position: absolute;'>e</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "src = \"Mother said there'd be days like these\"\n",
    "divs = []\n",
    "start = (25, 25)\n",
    "end = (75, 75)\n",
    "pts = interp(start, end, n=len(src))\n",
    "for i in range(len(src)):\n",
    "    ch = src[i]\n",
    "    pt = pts[i]\n",
    "    this_div = mkdiv(ch,\n",
    "                     top=f\"{pt[1]}%\",\n",
    "                     left=f\"{pt[0]}%\",\n",
    "                     font_size=\"16pt\")\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"characters along lines\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "By changing the font size along the length of the line, we can create a 3D effect similar to [Carl Fernbach-Flarsheim's \"The Boolean Image/Conceptual Typewriter\"](https://rhizome.org/editorial/2013/jan/16/prosthetic-knowledge-picks-typewriter/):"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 29,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>boolean image homage</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 10.0%; left: 10.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 13.636363636363637%; left: 13.636363636363637%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 17.272727272727273%; left: 17.272727272727273%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>c</div><div style='top: 20.909090909090907%; left: 20.909090909090907%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>h</div><div style='top: 24.545454545454547%; left: 24.545454545454547%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>i</div><div style='top: 28.18181818181818%; left: 28.18181818181818%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 31.818181818181817%; left: 31.818181818181817%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>e</div><div style='top: 35.45454545454545%; left: 35.45454545454545%; transform: translate(-50%, -50%); font-size: 10pt; font-family: Helvetica; position: absolute;'>r</div><div style='top: 39.09090909090909%; left: 39.09090909090909%; transform: translate(-50%, -50%); font-size: 8pt; font-family: Helvetica; position: absolute;'>y</div><div style='top: 30.0%; left: 10.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 32.72727272727273%; left: 13.636363636363637%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 35.45454545454545%; left: 17.272727272727273%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>d</div><div style='top: 38.18181818181819%; left: 20.909090909090907%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 40.90909090909091%; left: 24.545454545454547%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>e</div><div style='top: 43.63636363636364%; left: 28.18181818181818%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>s</div><div style='top: 46.36363636363636%; left: 31.818181818181817%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>s</div><div style='top: 50.0%; left: 10.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 51.81818181818182%; left: 13.636363636363637%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 53.63636363636363%; left: 17.272727272727273%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>g</div><div style='top: 55.45454545454545%; left: 20.909090909090907%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 57.27272727272727%; left: 24.545454545454547%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>i</div><div style='top: 59.090909090909086%; left: 28.18181818181818%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>f</div><div style='top: 60.90909090909091%; left: 31.818181818181817%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>i</div><div style='top: 62.727272727272734%; left: 35.45454545454545%; transform: translate(-50%, -50%); font-size: 10pt; font-family: Helvetica; position: absolute;'>c</div><div style='top: 64.54545454545455%; left: 39.09090909090909%; transform: translate(-50%, -50%); font-size: 8pt; font-family: Helvetica; position: absolute;'>e</div><div style='top: 66.36363636363636%; left: 42.727272727272734%; transform: translate(-50%, -50%); font-size: 6pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 68.18181818181819%; left: 46.36363636363636%; transform: translate(-50%, -50%); font-size: 4pt; font-family: Helvetica; position: absolute;'>c</div><div style='top: 70.0%; left: 50.0%; transform: translate(-50%, -50%); font-size: 2pt; font-family: Helvetica; position: absolute;'>e</div><div style='top: 70.0%; left: 10.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 70.9090909090909%; left: 13.636363636363637%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 71.81818181818181%; left: 17.272727272727273%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>h</div><div style='top: 72.72727272727273%; left: 20.909090909090907%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>o</div><div style='top: 73.63636363636364%; left: 24.545454545454547%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>g</div><div style='top: 74.54545454545453%; left: 28.18181818181818%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 75.45454545454545%; left: 31.818181818181817%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 76.36363636363636%; left: 35.45454545454545%; transform: translate(-50%, -50%); font-size: 10pt; font-family: Helvetica; position: absolute;'>y</div><div style='top: 10.0%; left: 30.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 13.636363636363637%; left: 32.72727272727273%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 17.272727272727273%; left: 35.45454545454545%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>i</div><div style='top: 20.909090909090907%; left: 38.18181818181819%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>l</div><div style='top: 24.545454545454547%; left: 40.90909090909091%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>i</div><div style='top: 28.18181818181818%; left: 43.63636363636364%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 31.818181818181817%; left: 46.36363636363636%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>g</div><div style='top: 30.0%; left: 30.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 32.72727272727273%; left: 32.72727272727273%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 35.45454545454545%; left: 35.45454545454545%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>i</div><div style='top: 38.18181818181819%; left: 38.18181818181819%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 40.90909090909091%; left: 40.90909090909091%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>f</div><div style='top: 43.63636363636364%; left: 43.63636363636364%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>r</div><div style='top: 46.36363636363636%; left: 46.36363636363636%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 49.09090909090909%; left: 49.09090909090909%; transform: translate(-50%, -50%); font-size: 10pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 51.81818181818182%; left: 51.81818181818182%; transform: translate(-50%, -50%); font-size: 8pt; font-family: Helvetica; position: absolute;'>e</div><div style='top: 50.0%; left: 30.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 51.81818181818182%; left: 32.72727272727273%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 53.63636363636363%; left: 35.45454545454545%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>i</div><div style='top: 55.45454545454545%; left: 38.18181818181819%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 57.27272727272727%; left: 40.90909090909091%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>t</div><div style='top: 59.090909090909086%; left: 43.63636363636364%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>e</div><div style='top: 60.90909090909091%; left: 46.36363636363636%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 62.727272727272734%; left: 49.09090909090909%; transform: translate(-50%, -50%); font-size: 10pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 64.54545454545455%; left: 51.81818181818182%; transform: translate(-50%, -50%); font-size: 8pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 66.36363636363636%; left: 54.54545454545455%; transform: translate(-50%, -50%); font-size: 6pt; font-family: Helvetica; position: absolute;'>c</div><div style='top: 68.18181818181819%; left: 57.27272727272727%; transform: translate(-50%, -50%); font-size: 4pt; font-family: Helvetica; position: absolute;'>e</div><div style='top: 70.0%; left: 30.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 70.9090909090909%; left: 32.72727272727273%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 71.81818181818181%; left: 35.45454545454545%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>j</div><div style='top: 72.72727272727273%; left: 38.18181818181819%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>o</div><div style='top: 73.63636363636364%; left: 40.90909090909091%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>r</div><div style='top: 74.54545454545453%; left: 43.63636363636364%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>i</div><div style='top: 75.45454545454545%; left: 46.36363636363636%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>t</div><div style='top: 76.36363636363636%; left: 49.09090909090909%; transform: translate(-50%, -50%); font-size: 10pt; font-family: Helvetica; position: absolute;'>y</div><div style='top: 10.0%; left: 50.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 13.636363636363637%; left: 51.81818181818182%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 17.272727272727273%; left: 53.63636363636363%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 20.909090909090907%; left: 55.45454545454545%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>g</div><div style='top: 24.545454545454547%; left: 57.27272727272727%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 30.0%; left: 50.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 32.72727272727273%; left: 51.81818181818182%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 35.45454545454545%; left: 53.63636363636363%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 38.18181818181819%; left: 55.45454545454545%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>g</div><div style='top: 40.90909090909091%; left: 57.27272727272727%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>o</div><div style='top: 50.0%; left: 50.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 51.81818181818182%; left: 51.81818181818182%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 53.63636363636363%; left: 53.63636363636363%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 55.45454545454545%; left: 55.45454545454545%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>i</div><div style='top: 57.27272727272727%; left: 57.27272727272727%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>f</div><div style='top: 59.090909090909086%; left: 59.090909090909086%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>e</div><div style='top: 60.90909090909091%; left: 60.90909090909091%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>s</div><div style='top: 62.727272727272734%; left: 62.727272727272734%; transform: translate(-50%, -50%); font-size: 10pt; font-family: Helvetica; position: absolute;'>t</div><div style='top: 64.54545454545455%; left: 64.54545454545455%; transform: translate(-50%, -50%); font-size: 8pt; font-family: Helvetica; position: absolute;'>o</div><div style='top: 70.0%; left: 50.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 70.9090909090909%; left: 51.81818181818182%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 71.81818181818181%; left: 53.63636363636363%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 72.72727272727273%; left: 55.45454545454545%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>t</div><div style='top: 73.63636363636364%; left: 57.27272727272727%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>r</div><div style='top: 74.54545454545453%; left: 59.090909090909086%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 10.0%; left: 70.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 13.636363636363637%; left: 70.9090909090909%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 17.272727272727273%; left: 71.81818181818181%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 20.909090909090907%; left: 72.72727272727273%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>u</div><div style='top: 24.545454545454547%; left: 73.63636363636364%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>f</div><div style='top: 28.18181818181818%; left: 74.54545454545453%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 31.818181818181817%; left: 75.45454545454545%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>c</div><div style='top: 35.45454545454545%; left: 76.36363636363636%; transform: translate(-50%, -50%); font-size: 10pt; font-family: Helvetica; position: absolute;'>t</div><div style='top: 39.09090909090909%; left: 77.27272727272728%; transform: translate(-50%, -50%); font-size: 8pt; font-family: Helvetica; position: absolute;'>u</div><div style='top: 42.727272727272734%; left: 78.18181818181817%; transform: translate(-50%, -50%); font-size: 6pt; font-family: Helvetica; position: absolute;'>r</div><div style='top: 46.36363636363636%; left: 79.09090909090908%; transform: translate(-50%, -50%); font-size: 4pt; font-family: Helvetica; position: absolute;'>e</div><div style='top: 50.0%; left: 80.0%; transform: translate(-50%, -50%); font-size: 2pt; font-family: Helvetica; position: absolute;'>r</div><div style='top: 30.0%; left: 70.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 32.72727272727273%; left: 70.9090909090909%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 35.45454545454545%; left: 71.81818181818181%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>p</div><div style='top: 38.18181818181819%; left: 72.72727272727273%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>l</div><div style='top: 40.90909090909091%; left: 73.63636363636364%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>e</div><div style='top: 50.0%; left: 70.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 51.81818181818182%; left: 70.9090909090909%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 53.63636363636363%; left: 71.81818181818181%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>r</div><div style='top: 55.45454545454545%; left: 72.72727272727273%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>t</div><div style='top: 57.27272727272727%; left: 73.63636363636364%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>i</div><div style='top: 59.090909090909086%; left: 74.54545454545453%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>n</div><div style='top: 70.0%; left: 70.0%; transform: translate(-50%, -50%); font-size: 24pt; font-family: Helvetica; position: absolute;'>m</div><div style='top: 70.9090909090909%; left: 70.9090909090909%; transform: translate(-50%, -50%); font-size: 22pt; font-family: Helvetica; position: absolute;'>a</div><div style='top: 71.81818181818181%; left: 71.81818181818181%; transform: translate(-50%, -50%); font-size: 20pt; font-family: Helvetica; position: absolute;'>r</div><div style='top: 72.72727272727273%; left: 72.72727272727273%; transform: translate(-50%, -50%); font-size: 18pt; font-family: Helvetica; position: absolute;'>t</div><div style='top: 73.63636363636364%; left: 73.63636363636364%; transform: translate(-50%, -50%); font-size: 16pt; font-family: Helvetica; position: absolute;'>y</div><div style='top: 74.54545454545453%; left: 74.54545454545453%; transform: translate(-50%, -50%); font-size: 14pt; font-family: Helvetica; position: absolute;'>r</div><div style='top: 75.45454545454545%; left: 75.45454545454545%; transform: translate(-50%, -50%); font-size: 12pt; font-family: Helvetica; position: absolute;'>d</div><div style='top: 76.36363636363636%; left: 76.36363636363636%; transform: translate(-50%, -50%); font-size: 10pt; font-family: Helvetica; position: absolute;'>o</div><div style='top: 77.27272727272728%; left: 77.27272727272728%; transform: translate(-50%, -50%); font-size: 8pt; font-family: Helvetica; position: absolute;'>m</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "words = [\n",
    "  \"machinery\",\n",
    "  \"madness\",\n",
    "  \"magnificence\",\n",
    "  \"mahogany\",\n",
    "  \"mailing\",\n",
    "  \"mainframe\",\n",
    "  \"maintenance\",\n",
    "  \"majority\",\n",
    "  \"manga\",\n",
    "  \"mango\",\n",
    "  \"manifesto\",\n",
    "  \"mantra\",\n",
    "  \"manufacturer\",\n",
    "  \"maple\",\n",
    "  \"martin\",\n",
    "  \"martyrdom\"\n",
    "]\n",
    "# use the length of the longest word to determine how many points in the line interpolation\n",
    "longest = max([len(w) for w in words])\n",
    "divs = []\n",
    "# note: number of words needs to match grid_size * grid_size\n",
    "grid_size = 4\n",
    "current_index = 0\n",
    "for i in range(grid_size): # grid x\n",
    "    for j in range(grid_size): # grid y\n",
    "        # x1, y1 = first letter of word\n",
    "        # x2, y2 = destination of line (into \"distance\")\n",
    "        x1 = 10 + (80 / grid_size) * i\n",
    "        y1 = 10 + (80 / grid_size) * j\n",
    "        x2 = 50 + (40 / grid_size) * i\n",
    "        y2 = 50 + (40 / grid_size) * j\n",
    "        word = words[current_index]\n",
    "        pts = interp((x1, y1), (x2, y2), longest)\n",
    "        current_index += 1\n",
    "        for k in range(len(word)): # iterating through characters/points\n",
    "            pt = pts[k]\n",
    "            this_div = mkdiv(word[k],\n",
    "                             top=f\"{pt[1]}%\",\n",
    "                             left=f\"{pt[0]}%\",\n",
    "                             transform=\"translate(-50%, -50%)\",\n",
    "                             font_size=f\"{24 - (k*2)}pt\",\n",
    "                             font_family=\"Helvetica\")\n",
    "            divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"boolean image homage\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "You can also use this to make rudimentary shapes. In the following example, I create a list of string \"parts\" that has the same number of elements as the points in a polygon (excluding the start point, which is repeated in order to close the shape). In the outer `for` loop, I iterate over the indices of points in the polygon, and use `interp()` to calculate a line between the coordinates for each point and the subsequent point, resulting in a list of interpolated points with the same number of characters as the string \"part\" that corresponds with the side of the polygon. In the inner `for` loop, I iterate over the indices of the list of points, and make a `<div>` for each character from the current part at that point."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 30,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>mother parallelogram</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 25.0%; left: 30.0%; font-size: 16pt; font-family: Courier; position: absolute;'>M</div><div style='top: 25.0%; left: 38.33333333333333%; font-size: 16pt; font-family: Courier; position: absolute;'>o</div><div style='top: 25.0%; left: 46.66666666666667%; font-size: 16pt; font-family: Courier; position: absolute;'>t</div><div style='top: 25.0%; left: 55.0%; font-size: 16pt; font-family: Courier; position: absolute;'>h</div><div style='top: 25.0%; left: 63.33333333333333%; font-size: 16pt; font-family: Courier; position: absolute;'>e</div><div style='top: 25.0%; left: 71.66666666666667%; font-size: 16pt; font-family: Courier; position: absolute;'>r</div><div style='top: 25.0%; left: 80.0%; font-size: 16pt; font-family: Courier; position: absolute;'> </div><div style='top: 25.0%; left: 80.0%; font-size: 16pt; font-family: Courier; position: absolute;'>s</div><div style='top: 29.166666666666664%; left: 79.16666666666666%; font-size: 16pt; font-family: Courier; position: absolute;'>a</div><div style='top: 33.333333333333336%; left: 78.33333333333334%; font-size: 16pt; font-family: Courier; position: absolute;'>i</div><div style='top: 37.5%; left: 77.5%; font-size: 16pt; font-family: Courier; position: absolute;'>d</div><div style='top: 41.66666666666667%; left: 76.66666666666667%; font-size: 16pt; font-family: Courier; position: absolute;'> </div><div style='top: 45.83333333333333%; left: 75.83333333333333%; font-size: 16pt; font-family: Courier; position: absolute;'>t</div><div style='top: 50.0%; left: 75.0%; font-size: 16pt; font-family: Courier; position: absolute;'>h</div><div style='top: 54.166666666666664%; left: 74.16666666666666%; font-size: 16pt; font-family: Courier; position: absolute;'>e</div><div style='top: 58.333333333333336%; left: 73.33333333333334%; font-size: 16pt; font-family: Courier; position: absolute;'>r</div><div style='top: 62.5%; left: 72.5%; font-size: 16pt; font-family: Courier; position: absolute;'>e</div><div style='top: 66.66666666666667%; left: 71.66666666666667%; font-size: 16pt; font-family: Courier; position: absolute;'>'</div><div style='top: 70.83333333333333%; left: 70.83333333333333%; font-size: 16pt; font-family: Courier; position: absolute;'>d</div><div style='top: 75.0%; left: 70.0%; font-size: 16pt; font-family: Courier; position: absolute;'> </div><div style='top: 75.0%; left: 70.0%; font-size: 16pt; font-family: Courier; position: absolute;'>b</div><div style='top: 75.0%; left: 62.85714285714286%; font-size: 16pt; font-family: Courier; position: absolute;'>e</div><div style='top: 75.0%; left: 55.714285714285715%; font-size: 16pt; font-family: Courier; position: absolute;'> </div><div style='top: 75.0%; left: 48.57142857142857%; font-size: 16pt; font-family: Courier; position: absolute;'>d</div><div style='top: 75.0%; left: 41.42857142857143%; font-size: 16pt; font-family: Courier; position: absolute;'>a</div><div style='top: 75.0%; left: 34.285714285714285%; font-size: 16pt; font-family: Courier; position: absolute;'>y</div><div style='top: 75.0%; left: 27.142857142857146%; font-size: 16pt; font-family: Courier; position: absolute;'>s</div><div style='top: 75.0%; left: 20.0%; font-size: 16pt; font-family: Courier; position: absolute;'> </div><div style='top: 75.0%; left: 20.0%; font-size: 16pt; font-family: Courier; position: absolute;'>l</div><div style='top: 70.0%; left: 21.0%; font-size: 16pt; font-family: Courier; position: absolute;'>i</div><div style='top: 65.0%; left: 22.0%; font-size: 16pt; font-family: Courier; position: absolute;'>k</div><div style='top: 60.0%; left: 23.0%; font-size: 16pt; font-family: Courier; position: absolute;'>e</div><div style='top: 55.0%; left: 24.0%; font-size: 16pt; font-family: Courier; position: absolute;'> </div><div style='top: 50.0%; left: 25.0%; font-size: 16pt; font-family: Courier; position: absolute;'>t</div><div style='top: 45.0%; left: 26.0%; font-size: 16pt; font-family: Courier; position: absolute;'>h</div><div style='top: 40.0%; left: 27.0%; font-size: 16pt; font-family: Courier; position: absolute;'>e</div><div style='top: 35.0%; left: 28.0%; font-size: 16pt; font-family: Courier; position: absolute;'>s</div><div style='top: 30.0%; left: 29.0%; font-size: 16pt; font-family: Courier; position: absolute;'>e</div><div style='top: 25.0%; left: 30.0%; font-size: 16pt; font-family: Courier; position: absolute;'> </div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "divs = []\n",
    "parts = [\"Mother \", \"said there'd \", \"be days \", \"like these \"]\n",
    "polygon = [(30, 25), (80, 25), (70, 75), (20, 75), (30, 25)]\n",
    "for i in range(len(polygon) - 1):\n",
    "    side_text = parts[i]\n",
    "    pts = interp(polygon[i], polygon[i+1], n=len(side_text))\n",
    "    for j in range(len(pts)):\n",
    "        ch = side_text[j]\n",
    "        pt = pts[j]\n",
    "        this_div = mkdiv(ch,\n",
    "                     top=f\"{pt[1]}%\",\n",
    "                     left=f\"{pt[0]}%\",\n",
    "                     font_size=\"16pt\",\n",
    "                     font_family=\"Courier\")\n",
    "        divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"mother parallelogram\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Using a bit of trigonometry, we can even use this function to create a radial effect. (Need a refresher? See [Polar and Cartesian coordinates](https://www.mathsisfun.com/polar-cartesian-coordinates.html).)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 31,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>radial m poem</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 50.0vh; left: 58.0vh; font-family: Courier; position: absolute;'>m</div><div style='top: 50.0vh; left: 62.0vh; font-family: Courier; position: absolute;'>a</div><div style='top: 50.0vh; left: 66.0vh; font-family: Courier; position: absolute;'>c</div><div style='top: 50.0vh; left: 70.0vh; font-family: Courier; position: absolute;'>h</div><div style='top: 50.0vh; left: 74.0vh; font-family: Courier; position: absolute;'>i</div><div style='top: 50.0vh; left: 78.0vh; font-family: Courier; position: absolute;'>n</div><div style='top: 50.0vh; left: 82.0vh; font-family: Courier; position: absolute;'>e</div><div style='top: 50.0vh; left: 86.0vh; font-family: Courier; position: absolute;'>r</div><div style='top: 50.0vh; left: 90.0vh; font-family: Courier; position: absolute;'>y</div><div style='top: 53.06146745892072vh; left: 57.391036260090296vh; font-family: Courier; position: absolute;'>m</div><div style='top: 55.102445764867866vh; left: 62.31839376681716vh; font-family: Courier; position: absolute;'>a</div><div style='top: 57.143424070815016vh; left: 67.24575127354402vh; font-family: Courier; position: absolute;'>d</div><div style='top: 59.18440237676216vh; left: 72.17310878027088vh; font-family: Courier; position: absolute;'>n</div><div style='top: 61.2253806827093vh; left: 77.10046628699774vh; font-family: Courier; position: absolute;'>e</div><div style='top: 63.26635898865646vh; left: 82.02782379372461vh; font-family: Courier; position: absolute;'>s</div><div style='top: 65.3073372946036vh; left: 86.95518130045147vh; font-family: Courier; position: absolute;'>s</div><div style='top: 55.65685424949238vh; left: 55.65685424949238vh; font-family: Courier; position: absolute;'>m</div><div style='top: 57.7138921583987vh; left: 57.7138921583987vh; font-family: Courier; position: absolute;'>a</div><div style='top: 59.77093006730502vh; left: 59.77093006730502vh; font-family: Courier; position: absolute;'>g</div><div style='top: 61.82796797621134vh; left: 61.82796797621134vh; font-family: Courier; position: absolute;'>n</div><div style='top: 63.885005885117664vh; left: 63.885005885117664vh; font-family: Courier; position: absolute;'>i</div><div style='top: 65.94204379402399vh; left: 65.94204379402399vh; font-family: Courier; position: absolute;'>f</div><div style='top: 67.99908170293031vh; left: 67.99908170293031vh; font-family: Courier; position: absolute;'>i</div><div style='top: 70.05611961183662vh; left: 70.05611961183662vh; font-family: Courier; position: absolute;'>c</div><div style='top: 72.11315752074294vh; left: 72.11315752074294vh; font-family: Courier; position: absolute;'>e</div><div style='top: 74.17019542964925vh; left: 74.17019542964925vh; font-family: Courier; position: absolute;'>n</div><div style='top: 76.22723333855558vh; left: 76.22723333855558vh; font-family: Courier; position: absolute;'>c</div><div style='top: 78.2842712474619vh; left: 78.2842712474619vh; font-family: Courier; position: absolute;'>e</div><div style='top: 57.391036260090296vh; left: 53.06146745892072vh; font-family: Courier; position: absolute;'>m</div><div style='top: 61.61448555157047vh; left: 54.81087743544685vh; font-family: Courier; position: absolute;'>a</div><div style='top: 65.83793484305063vh; left: 56.560287411972965vh; font-family: Courier; position: absolute;'>h</div><div style='top: 70.0613841345308vh; left: 58.30969738849909vh; font-family: Courier; position: absolute;'>o</div><div style='top: 74.28483342601096vh; left: 60.05910736502522vh; font-family: Courier; position: absolute;'>g</div><div style='top: 78.50828271749114vh; left: 61.808517341551344vh; font-family: Courier; position: absolute;'>a</div><div style='top: 82.7317320089713vh; left: 63.557927318077475vh; font-family: Courier; position: absolute;'>n</div><div style='top: 86.95518130045147vh; left: 65.3073372946036vh; font-family: Courier; position: absolute;'>y</div><div style='top: 58.0vh; left: 50.0vh; font-family: Courier; position: absolute;'>m</div><div style='top: 63.333333333333336vh; left: 50.0vh; font-family: Courier; position: absolute;'>a</div><div style='top: 68.66666666666667vh; left: 50.0vh; font-family: Courier; position: absolute;'>i</div><div style='top: 74.0vh; left: 50.0vh; font-family: Courier; position: absolute;'>l</div><div style='top: 79.33333333333334vh; left: 50.0vh; font-family: Courier; position: absolute;'>i</div><div style='top: 84.66666666666666vh; left: 50.0vh; font-family: Courier; position: absolute;'>n</div><div style='top: 90.0vh; left: 50.0vh; font-family: Courier; position: absolute;'>g</div><div style='top: 57.391036260090296vh; left: 46.93853254107928vh; font-family: Courier; position: absolute;'>m</div><div style='top: 61.08655439013545vh; left: 45.407798811618925vh; font-family: Courier; position: absolute;'>a</div><div style='top: 64.78207252018059vh; left: 43.877065082158566vh; font-family: Courier; position: absolute;'>i</div><div style='top: 68.47759065022574vh; left: 42.34633135269821vh; font-family: Courier; position: absolute;'>n</div><div style='top: 72.17310878027088vh; left: 40.81559762323785vh; font-family: Courier; position: absolute;'>f</div><div style='top: 75.86862691031604vh; left: 39.28486389377749vh; font-family: Courier; position: absolute;'>r</div><div style='top: 79.56414504036117vh; left: 37.75413016431713vh; font-family: Courier; position: absolute;'>a</div><div style='top: 83.25966317040633vh; left: 36.223396434856774vh; font-family: Courier; position: absolute;'>m</div><div style='top: 86.95518130045147vh; left: 34.692662705396415vh; font-family: Courier; position: absolute;'>e</div><div style='top: 55.65685424949238vh; left: 44.34314575050762vh; font-family: Courier; position: absolute;'>m</div><div style='top: 57.91959594928934vh; left: 42.08040405071066vh; font-family: Courier; position: absolute;'>a</div><div style='top: 60.18233764908629vh; left: 39.81766235091372vh; font-family: Courier; position: absolute;'>i</div><div style='top: 62.44507934888324vh; left: 37.55492065111676vh; font-family: Courier; position: absolute;'>n</div><div style='top: 64.70782104868019vh; left: 35.29217895131981vh; font-family: Courier; position: absolute;'>t</div><div style='top: 66.97056274847714vh; left: 33.02943725152286vh; font-family: Courier; position: absolute;'>e</div><div style='top: 69.2333044482741vh; left: 30.76669555172591vh; font-family: Courier; position: absolute;'>n</div><div style='top: 71.49604614807104vh; left: 28.503953851928955vh; font-family: Courier; position: absolute;'>a</div><div style='top: 73.758787847868vh; left: 26.241212152132vh; font-family: Courier; position: absolute;'>n</div><div style='top: 76.02152954766495vh; left: 23.978470452335053vh; font-family: Courier; position: absolute;'>c</div><div style='top: 78.2842712474619vh; left: 21.7157287525381vh; font-family: Courier; position: absolute;'>e</div><div style='top: 53.06146745892072vh; left: 42.608963739909704vh; font-family: Courier; position: absolute;'>m</div><div style='top: 54.81087743544685vh; left: 38.38551444842954vh; font-family: Courier; position: absolute;'>a</div><div style='top: 56.560287411972965vh; left: 34.16206515694937vh; font-family: Courier; position: absolute;'>j</div><div style='top: 58.30969738849909vh; left: 29.9386158654692vh; font-family: Courier; position: absolute;'>o</div><div style='top: 60.05910736502522vh; left: 25.715166573989034vh; font-family: Courier; position: absolute;'>r</div><div style='top: 61.808517341551344vh; left: 21.491717282508866vh; font-family: Courier; position: absolute;'>i</div><div style='top: 63.557927318077475vh; left: 17.2682679910287vh; font-family: Courier; position: absolute;'>t</div><div style='top: 65.3073372946036vh; left: 13.044818699548529vh; font-family: Courier; position: absolute;'>y</div><div style='top: 50.0vh; left: 42.0vh; font-family: Courier; position: absolute;'>m</div><div style='top: 50.0vh; left: 34.0vh; font-family: Courier; position: absolute;'>a</div><div style='top: 50.0vh; left: 26.0vh; font-family: Courier; position: absolute;'>n</div><div style='top: 50.00000000000001vh; left: 18.0vh; font-family: Courier; position: absolute;'>g</div><div style='top: 50.00000000000001vh; left: 10.0vh; font-family: Courier; position: absolute;'>a</div><div style='top: 46.93853254107928vh; left: 42.608963739909704vh; font-family: Courier; position: absolute;'>m</div><div style='top: 43.877065082158566vh; left: 35.21792747981941vh; font-family: Courier; position: absolute;'>a</div><div style='top: 40.81559762323785vh; left: 27.826891219729117vh; font-family: Courier; position: absolute;'>n</div><div style='top: 37.75413016431713vh; left: 20.435854959638824vh; font-family: Courier; position: absolute;'>g</div><div style='top: 34.692662705396415vh; left: 13.044818699548529vh; font-family: Courier; position: absolute;'>o</div><div style='top: 44.34314575050762vh; left: 44.34314575050762vh; font-family: Courier; position: absolute;'>m</div><div style='top: 41.514718625761425vh; left: 41.514718625761425vh; font-family: Courier; position: absolute;'>a</div><div style='top: 38.68629150101523vh; left: 38.68629150101523vh; font-family: Courier; position: absolute;'>n</div><div style='top: 35.85786437626905vh; left: 35.85786437626905vh; font-family: Courier; position: absolute;'>i</div><div style='top: 33.02943725152286vh; left: 33.02943725152285vh; font-family: Courier; position: absolute;'>f</div><div style='top: 30.201010126776666vh; left: 30.201010126776662vh; font-family: Courier; position: absolute;'>e</div><div style='top: 27.37258300203048vh; left: 27.37258300203047vh; font-family: Courier; position: absolute;'>s</div><div style='top: 24.54415587728429vh; left: 24.544155877284282vh; font-family: Courier; position: absolute;'>t</div><div style='top: 21.7157287525381vh; left: 21.71572875253809vh; font-family: Courier; position: absolute;'>o</div><div style='top: 42.60896373990971vh; left: 46.938532541079276vh; font-family: Courier; position: absolute;'>m</div><div style='top: 36.69613473183748vh; left: 44.489358573942695vh; font-family: Courier; position: absolute;'>a</div><div style='top: 30.783305723765245vh; left: 42.04018460680612vh; font-family: Courier; position: absolute;'>n</div><div style='top: 24.87047671569301vh; left: 39.59101063966954vh; font-family: Courier; position: absolute;'>t</div><div style='top: 18.957647707620776vh; left: 37.14183667253296vh; font-family: Courier; position: absolute;'>r</div><div style='top: 13.044818699548543vh; left: 34.69266270539639vh; font-family: Courier; position: absolute;'>a</div><div style='top: 42.0vh; left: 50.0vh; font-family: Courier; position: absolute;'>m</div><div style='top: 39.090909090909086vh; left: 50.0vh; font-family: Courier; position: absolute;'>a</div><div style='top: 36.18181818181818vh; left: 50.0vh; font-family: Courier; position: absolute;'>n</div><div style='top: 33.27272727272727vh; left: 50.0vh; font-family: Courier; position: absolute;'>u</div><div style='top: 30.363636363636363vh; left: 50.0vh; font-family: Courier; position: absolute;'>f</div><div style='top: 27.454545454545453vh; left: 49.99999999999999vh; font-family: Courier; position: absolute;'>a</div><div style='top: 24.545454545454547vh; left: 50.0vh; font-family: Courier; position: absolute;'>c</div><div style='top: 21.636363636363637vh; left: 50.0vh; font-family: Courier; position: absolute;'>t</div><div style='top: 18.727272727272727vh; left: 49.99999999999999vh; font-family: Courier; position: absolute;'>u</div><div style='top: 15.818181818181817vh; left: 49.99999999999999vh; font-family: Courier; position: absolute;'>r</div><div style='top: 12.90909090909091vh; left: 49.99999999999999vh; font-family: Courier; position: absolute;'>e</div><div style='top: 10.0vh; left: 49.99999999999999vh; font-family: Courier; position: absolute;'>r</div><div style='top: 42.608963739909704vh; left: 53.06146745892072vh; font-family: Courier; position: absolute;'>m</div><div style='top: 35.21792747981941vh; left: 56.122934917841434vh; font-family: Courier; position: absolute;'>a</div><div style='top: 27.82689121972912vh; left: 59.18440237676216vh; font-family: Courier; position: absolute;'>p</div><div style='top: 20.435854959638828vh; left: 62.24586983568288vh; font-family: Courier; position: absolute;'>l</div><div style='top: 13.044818699548536vh; left: 65.3073372946036vh; font-family: Courier; position: absolute;'>e</div><div style='top: 44.34314575050762vh; left: 55.65685424949238vh; font-family: Courier; position: absolute;'>m</div><div style='top: 39.817662350913714vh; left: 60.18233764908629vh; font-family: Courier; position: absolute;'>a</div><div style='top: 35.292178951319805vh; left: 64.70782104868019vh; font-family: Courier; position: absolute;'>r</div><div style='top: 30.766695551725903vh; left: 69.2333044482741vh; font-family: Courier; position: absolute;'>t</div><div style='top: 26.241212152131993vh; left: 73.758787847868vh; font-family: Courier; position: absolute;'>i</div><div style='top: 21.71572875253809vh; left: 78.2842712474619vh; font-family: Courier; position: absolute;'>n</div><div style='top: 46.938532541079276vh; left: 57.39103626009029vh; font-family: Courier; position: absolute;'>m</div><div style='top: 45.40779881161892vh; left: 61.08655439013543vh; font-family: Courier; position: absolute;'>a</div><div style='top: 43.87706508215855vh; left: 64.78207252018058vh; font-family: Courier; position: absolute;'>r</div><div style='top: 42.34633135269819vh; left: 68.47759065022572vh; font-family: Courier; position: absolute;'>t</div><div style='top: 40.815597623237835vh; left: 72.17310878027087vh; font-family: Courier; position: absolute;'>y</div><div style='top: 39.28486389377747vh; left: 75.86862691031601vh; font-family: Courier; position: absolute;'>r</div><div style='top: 37.75413016431711vh; left: 79.56414504036117vh; font-family: Courier; position: absolute;'>d</div><div style='top: 36.223396434856745vh; left: 83.2596631704063vh; font-family: Courier; position: absolute;'>o</div><div style='top: 34.69266270539639vh; left: 86.95518130045146vh; font-family: Courier; position: absolute;'>m</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "words = [\n",
    "  \"machinery\",\n",
    "  \"madness\",\n",
    "  \"magnificence\",\n",
    "  \"mahogany\",\n",
    "  \"mailing\",\n",
    "  \"mainframe\",\n",
    "  \"maintenance\",\n",
    "  \"majority\",\n",
    "  \"manga\",\n",
    "  \"mango\",\n",
    "  \"manifesto\",\n",
    "  \"mantra\",\n",
    "  \"manufacturer\",\n",
    "  \"maple\",\n",
    "  \"martin\",\n",
    "  \"martyrdom\"\n",
    "]\n",
    "# use the length of the longest word to determine how many points in the line interpolation\n",
    "longest = max([len(w) for w in words])\n",
    "divs = []\n",
    "for i, word in enumerate(words):\n",
    "    # step around a circle (math.tau = 2*pi = 360 degrees)\n",
    "    theta = (math.tau / len(words)) * i\n",
    "    # inner coord\n",
    "    x1 = 50 + math.cos(theta) * 8\n",
    "    y1 = 50 + math.sin(theta) * 8\n",
    "    # outer coord\n",
    "    x2 = 50 + math.cos(theta) * 40\n",
    "    y2 = 50 + math.sin(theta) * 40\n",
    "    pts = interp((x1, y1), (x2, y2), len(word))\n",
    "    for j, ch in enumerate(word):\n",
    "        this_div = mkdiv(ch,\n",
    "                         top=f\"{pts[j][1]}vh\",\n",
    "                         left=f\"{pts[j][0]}vh\",\n",
    "                         font_family=\"Courier\")\n",
    "        divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"radial m poem\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Rotation with CSS\n",
    "\n",
    "The CSS `transform` property is incredibly powerful! We've already used its `translate` command to set positioning around the center of a `<div>`. The `rotate` command makes it possible to *rotate* an element around its origin. If the `translate` command is set to `translate(-50%, -50%)`, the `rotate` command rotates the `<div>` around its center. Here's an example, which rotates a single phrase around a center point:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 32,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>centered</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0.0deg); position: absolute;'>mother said there'd be days like these</div><div style='top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(18.0deg); position: absolute;'>mother said there'd be days like these</div><div style='top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(36.0deg); position: absolute;'>mother said there'd be days like these</div><div style='top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(54.0deg); position: absolute;'>mother said there'd be days like these</div><div style='top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(72.0deg); position: absolute;'>mother said there'd be days like these</div><div style='top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90.0deg); position: absolute;'>mother said there'd be days like these</div><div style='top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(108.0deg); position: absolute;'>mother said there'd be days like these</div><div style='top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(126.0deg); position: absolute;'>mother said there'd be days like these</div><div style='top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(144.0deg); position: absolute;'>mother said there'd be days like these</div><div style='top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(162.0deg); position: absolute;'>mother said there'd be days like these</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "divs = []\n",
    "n = 10\n",
    "for i in range(n):\n",
    "    degrees = i * (180 / n) # a half circle\n",
    "    this_div = mkdiv(\"mother said there'd be days like these\",\n",
    "                      top=\"50%\",\n",
    "                      left=\"50%\",\n",
    "                      transform=f\"translate(-50%, -50%) rotate({degrees}deg)\")\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"centered\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "By gradually increasing the `height` attribute of the tag, we can create a spiral effect:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 33,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>frost spiral</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 50%; left: 50%; height: 12pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(0deg); position: absolute;'>Two</div><div style='top: 50%; left: 50%; height: 15pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(15deg); position: absolute;'>roads</div><div style='top: 50%; left: 50%; height: 18pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(30deg); position: absolute;'>diverged</div><div style='top: 50%; left: 50%; height: 21pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(45deg); position: absolute;'>in</div><div style='top: 50%; left: 50%; height: 24pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(60deg); position: absolute;'>a</div><div style='top: 50%; left: 50%; height: 27pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(75deg); position: absolute;'>yellow</div><div style='top: 50%; left: 50%; height: 30pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(90deg); position: absolute;'>wood,</div><div style='top: 50%; left: 50%; height: 33pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(105deg); position: absolute;'>And</div><div style='top: 50%; left: 50%; height: 36pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(120deg); position: absolute;'>sorry</div><div style='top: 50%; left: 50%; height: 39pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(135deg); position: absolute;'>I</div><div style='top: 50%; left: 50%; height: 42pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(150deg); position: absolute;'>could</div><div style='top: 50%; left: 50%; height: 45pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(165deg); position: absolute;'>not</div><div style='top: 50%; left: 50%; height: 48pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(180deg); position: absolute;'>travel</div><div style='top: 50%; left: 50%; height: 51pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(195deg); position: absolute;'>both</div><div style='top: 50%; left: 50%; height: 54pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(210deg); position: absolute;'>And</div><div style='top: 50%; left: 50%; height: 57pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(225deg); position: absolute;'>be</div><div style='top: 50%; left: 50%; height: 60pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(240deg); position: absolute;'>one</div><div style='top: 50%; left: 50%; height: 63pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(255deg); position: absolute;'>traveler,</div><div style='top: 50%; left: 50%; height: 66pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(270deg); position: absolute;'>long</div><div style='top: 50%; left: 50%; height: 69pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(285deg); position: absolute;'>I</div><div style='top: 50%; left: 50%; height: 72pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(300deg); position: absolute;'>stood</div><div style='top: 50%; left: 50%; height: 75pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(315deg); position: absolute;'>And</div><div style='top: 50%; left: 50%; height: 78pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(330deg); position: absolute;'>looked</div><div style='top: 50%; left: 50%; height: 81pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(345deg); position: absolute;'>down</div><div style='top: 50%; left: 50%; height: 84pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(360deg); position: absolute;'>one</div><div style='top: 50%; left: 50%; height: 87pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(375deg); position: absolute;'>as</div><div style='top: 50%; left: 50%; height: 90pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(390deg); position: absolute;'>far</div><div style='top: 50%; left: 50%; height: 93pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(405deg); position: absolute;'>as</div><div style='top: 50%; left: 50%; height: 96pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(420deg); position: absolute;'>I</div><div style='top: 50%; left: 50%; height: 99pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(435deg); position: absolute;'>could</div><div style='top: 50%; left: 50%; height: 102pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(450deg); position: absolute;'>To</div><div style='top: 50%; left: 50%; height: 105pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(465deg); position: absolute;'>where</div><div style='top: 50%; left: 50%; height: 108pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(480deg); position: absolute;'>it</div><div style='top: 50%; left: 50%; height: 111pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(495deg); position: absolute;'>bent</div><div style='top: 50%; left: 50%; height: 114pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(510deg); position: absolute;'>in</div><div style='top: 50%; left: 50%; height: 117pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(525deg); position: absolute;'>the</div><div style='top: 50%; left: 50%; height: 120pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(540deg); position: absolute;'>undergrowth;</div><div style='top: 50%; left: 50%; height: 123pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(555deg); position: absolute;'>Then</div><div style='top: 50%; left: 50%; height: 126pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(570deg); position: absolute;'>took</div><div style='top: 50%; left: 50%; height: 129pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(585deg); position: absolute;'>the</div><div style='top: 50%; left: 50%; height: 132pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(600deg); position: absolute;'>other,</div><div style='top: 50%; left: 50%; height: 135pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(615deg); position: absolute;'>as</div><div style='top: 50%; left: 50%; height: 138pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(630deg); position: absolute;'>just</div><div style='top: 50%; left: 50%; height: 141pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(645deg); position: absolute;'>as</div><div style='top: 50%; left: 50%; height: 144pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(660deg); position: absolute;'>fair,</div><div style='top: 50%; left: 50%; height: 147pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(675deg); position: absolute;'>And</div><div style='top: 50%; left: 50%; height: 150pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(690deg); position: absolute;'>having</div><div style='top: 50%; left: 50%; height: 153pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(705deg); position: absolute;'>perhaps</div><div style='top: 50%; left: 50%; height: 156pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(720deg); position: absolute;'>the</div><div style='top: 50%; left: 50%; height: 159pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(735deg); position: absolute;'>better</div><div style='top: 50%; left: 50%; height: 162pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(750deg); position: absolute;'>claim,</div><div style='top: 50%; left: 50%; height: 165pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(765deg); position: absolute;'>Because</div><div style='top: 50%; left: 50%; height: 168pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(780deg); position: absolute;'>it</div><div style='top: 50%; left: 50%; height: 171pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(795deg); position: absolute;'>was</div><div style='top: 50%; left: 50%; height: 174pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(810deg); position: absolute;'>grassy</div><div style='top: 50%; left: 50%; height: 177pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(825deg); position: absolute;'>and</div><div style='top: 50%; left: 50%; height: 180pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(840deg); position: absolute;'>wanted</div><div style='top: 50%; left: 50%; height: 183pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(855deg); position: absolute;'>wear;</div><div style='top: 50%; left: 50%; height: 186pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(870deg); position: absolute;'>Though</div><div style='top: 50%; left: 50%; height: 189pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(885deg); position: absolute;'>as</div><div style='top: 50%; left: 50%; height: 192pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(900deg); position: absolute;'>for</div><div style='top: 50%; left: 50%; height: 195pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(915deg); position: absolute;'>that</div><div style='top: 50%; left: 50%; height: 198pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(930deg); position: absolute;'>the</div><div style='top: 50%; left: 50%; height: 201pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(945deg); position: absolute;'>passing</div><div style='top: 50%; left: 50%; height: 204pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(960deg); position: absolute;'>there</div><div style='top: 50%; left: 50%; height: 207pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(975deg); position: absolute;'>Had</div><div style='top: 50%; left: 50%; height: 210pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(990deg); position: absolute;'>worn</div><div style='top: 50%; left: 50%; height: 213pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1005deg); position: absolute;'>them</div><div style='top: 50%; left: 50%; height: 216pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1020deg); position: absolute;'>really</div><div style='top: 50%; left: 50%; height: 219pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1035deg); position: absolute;'>about</div><div style='top: 50%; left: 50%; height: 222pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1050deg); position: absolute;'>the</div><div style='top: 50%; left: 50%; height: 225pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1065deg); position: absolute;'>same,</div><div style='top: 50%; left: 50%; height: 228pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1080deg); position: absolute;'>And</div><div style='top: 50%; left: 50%; height: 231pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1095deg); position: absolute;'>both</div><div style='top: 50%; left: 50%; height: 234pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1110deg); position: absolute;'>that</div><div style='top: 50%; left: 50%; height: 237pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1125deg); position: absolute;'>morning</div><div style='top: 50%; left: 50%; height: 240pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1140deg); position: absolute;'>equally</div><div style='top: 50%; left: 50%; height: 243pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1155deg); position: absolute;'>lay</div><div style='top: 50%; left: 50%; height: 246pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1170deg); position: absolute;'>In</div><div style='top: 50%; left: 50%; height: 249pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1185deg); position: absolute;'>leaves</div><div style='top: 50%; left: 50%; height: 252pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1200deg); position: absolute;'>no</div><div style='top: 50%; left: 50%; height: 255pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1215deg); position: absolute;'>step</div><div style='top: 50%; left: 50%; height: 258pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1230deg); position: absolute;'>had</div><div style='top: 50%; left: 50%; height: 261pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1245deg); position: absolute;'>trodden</div><div style='top: 50%; left: 50%; height: 264pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1260deg); position: absolute;'>black.</div><div style='top: 50%; left: 50%; height: 267pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1275deg); position: absolute;'>Oh,</div><div style='top: 50%; left: 50%; height: 270pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1290deg); position: absolute;'>I</div><div style='top: 50%; left: 50%; height: 273pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1305deg); position: absolute;'>kept</div><div style='top: 50%; left: 50%; height: 276pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1320deg); position: absolute;'>the</div><div style='top: 50%; left: 50%; height: 279pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1335deg); position: absolute;'>first</div><div style='top: 50%; left: 50%; height: 282pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1350deg); position: absolute;'>for</div><div style='top: 50%; left: 50%; height: 285pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1365deg); position: absolute;'>another</div><div style='top: 50%; left: 50%; height: 288pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1380deg); position: absolute;'>day!</div><div style='top: 50%; left: 50%; height: 291pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1395deg); position: absolute;'>Yet</div><div style='top: 50%; left: 50%; height: 294pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1410deg); position: absolute;'>knowing</div><div style='top: 50%; left: 50%; height: 297pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1425deg); position: absolute;'>how</div><div style='top: 50%; left: 50%; height: 300pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1440deg); position: absolute;'>way</div><div style='top: 50%; left: 50%; height: 303pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1455deg); position: absolute;'>leads</div><div style='top: 50%; left: 50%; height: 306pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1470deg); position: absolute;'>on</div><div style='top: 50%; left: 50%; height: 309pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1485deg); position: absolute;'>to</div><div style='top: 50%; left: 50%; height: 312pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1500deg); position: absolute;'>way,</div><div style='top: 50%; left: 50%; height: 315pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1515deg); position: absolute;'>I</div><div style='top: 50%; left: 50%; height: 318pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1530deg); position: absolute;'>doubted</div><div style='top: 50%; left: 50%; height: 321pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1545deg); position: absolute;'>if</div><div style='top: 50%; left: 50%; height: 324pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1560deg); position: absolute;'>I</div><div style='top: 50%; left: 50%; height: 327pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1575deg); position: absolute;'>should</div><div style='top: 50%; left: 50%; height: 330pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1590deg); position: absolute;'>ever</div><div style='top: 50%; left: 50%; height: 333pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1605deg); position: absolute;'>come</div><div style='top: 50%; left: 50%; height: 336pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1620deg); position: absolute;'>back.</div><div style='top: 50%; left: 50%; height: 339pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1635deg); position: absolute;'>I</div><div style='top: 50%; left: 50%; height: 342pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1650deg); position: absolute;'>shall</div><div style='top: 50%; left: 50%; height: 345pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1665deg); position: absolute;'>be</div><div style='top: 50%; left: 50%; height: 348pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1680deg); position: absolute;'>telling</div><div style='top: 50%; left: 50%; height: 351pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1695deg); position: absolute;'>this</div><div style='top: 50%; left: 50%; height: 354pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1710deg); position: absolute;'>with</div><div style='top: 50%; left: 50%; height: 357pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1725deg); position: absolute;'>a</div><div style='top: 50%; left: 50%; height: 360pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1740deg); position: absolute;'>sigh</div><div style='top: 50%; left: 50%; height: 363pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1755deg); position: absolute;'>Somewhere</div><div style='top: 50%; left: 50%; height: 366pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1770deg); position: absolute;'>ages</div><div style='top: 50%; left: 50%; height: 369pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1785deg); position: absolute;'>and</div><div style='top: 50%; left: 50%; height: 372pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1800deg); position: absolute;'>ages</div><div style='top: 50%; left: 50%; height: 375pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1815deg); position: absolute;'>hence:</div><div style='top: 50%; left: 50%; height: 378pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1830deg); position: absolute;'>Two</div><div style='top: 50%; left: 50%; height: 381pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1845deg); position: absolute;'>roads</div><div style='top: 50%; left: 50%; height: 384pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1860deg); position: absolute;'>diverged</div><div style='top: 50%; left: 50%; height: 387pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1875deg); position: absolute;'>in</div><div style='top: 50%; left: 50%; height: 390pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1890deg); position: absolute;'>a</div><div style='top: 50%; left: 50%; height: 393pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1905deg); position: absolute;'>wood,</div><div style='top: 50%; left: 50%; height: 396pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1920deg); position: absolute;'>and</div><div style='top: 50%; left: 50%; height: 399pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1935deg); position: absolute;'>I---</div><div style='top: 50%; left: 50%; height: 402pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1950deg); position: absolute;'>I</div><div style='top: 50%; left: 50%; height: 405pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1965deg); position: absolute;'>took</div><div style='top: 50%; left: 50%; height: 408pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1980deg); position: absolute;'>the</div><div style='top: 50%; left: 50%; height: 411pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(1995deg); position: absolute;'>one</div><div style='top: 50%; left: 50%; height: 414pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(2010deg); position: absolute;'>less</div><div style='top: 50%; left: 50%; height: 417pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(2025deg); position: absolute;'>travelled</div><div style='top: 50%; left: 50%; height: 420pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(2040deg); position: absolute;'>by,</div><div style='top: 50%; left: 50%; height: 423pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(2055deg); position: absolute;'>And</div><div style='top: 50%; left: 50%; height: 426pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(2070deg); position: absolute;'>that</div><div style='top: 50%; left: 50%; height: 429pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(2085deg); position: absolute;'>has</div><div style='top: 50%; left: 50%; height: 432pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(2100deg); position: absolute;'>made</div><div style='top: 50%; left: 50%; height: 435pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(2115deg); position: absolute;'>all</div><div style='top: 50%; left: 50%; height: 438pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(2130deg); position: absolute;'>the</div><div style='top: 50%; left: 50%; height: 441pt; font-size: 12pt; transform: translate(-50%, -50%) rotate(2145deg); position: absolute;'>difference.</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "words = open(\"frost.txt\").read().split()\n",
    "divs = []\n",
    "angle_step = 15\n",
    "for i, word in enumerate(words):\n",
    "    angle = i * angle_step\n",
    "    this_div = mkdiv(word,\n",
    "                     top=f\"50%\",\n",
    "                     left=f\"50%\",\n",
    "                     height=f\"{12+i*3}pt\",\n",
    "                     font_size=\"12pt\",\n",
    "                     #border=\"1px black solid\", # uncomment to see the boxes\n",
    "                     transform=f\"translate(-50%, -50%) rotate({angle}deg)\")\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"frost spiral\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Keeping the height constant lays out the divs in a circle:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 34,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>centered</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(0.0deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(25.714285714285715deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(51.42857142857143deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(77.14285714285714deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(102.85714285714286deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(128.57142857142858deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(154.28571428571428deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(180.0deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(205.71428571428572deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(231.42857142857144deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(257.14285714285717deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(282.8571428571429deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(308.57142857142856deg); position: absolute;'>C</div><div style='top: 50%; left: 50%; width: 1em; height: 4em; font-size: 32px; transform: translate(-50%, -50%) rotate(334.2857142857143deg); position: absolute;'>C</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "divs = []\n",
    "n = 14\n",
    "for i in range(n):\n",
    "    degrees = i * (360 / n) \n",
    "    this_div = mkdiv(\"C\",\n",
    "                     top=\"50%\",\n",
    "                     left=\"50%\",\n",
    "                     width=\"1em\",\n",
    "                     height=\"4em\",\n",
    "                     font_size=\"32px\",\n",
    "                     transform=f\"translate(-50%, -50%) rotate({degrees}deg)\")\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"centered\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Combining all of this together: we can create an homage to Mary Ellen Solt's [Geranium](http://ubu.com/historical/solt/flowers/pdf/Solt_Geranium_1963.pdf). This example uses two different kinds of rotation: first, it uses polar coordinates to determine the center of each \"bunch\"; then it uses CSS `height` plus `rotate` to position the individual letters in each \"bunch\" around that center coordinate. Tricky, but the benefit is that you can change the text of the poem to anything you like:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 35,
   "metadata": {
    "scrolled": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>circle</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(0.0deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(25.714285714285715deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(51.42857142857143deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(77.14285714285714deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(102.85714285714286deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(128.57142857142858deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(154.28571428571428deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(180.0deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(205.71428571428572deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(231.42857142857144deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(257.14285714285717deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(282.8571428571429deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(308.57142857142856deg);'>A</div><div style='position: absolute; top: 50.0vh; left: 80.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(334.2857142857143deg);'>A</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(0.0deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(25.714285714285715deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(51.42857142857143deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(77.14285714285714deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(102.85714285714286deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(128.57142857142858deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(154.28571428571428deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(180.0deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(205.71428571428572deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(231.42857142857144deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(257.14285714285717deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(282.8571428571429deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(308.57142857142856deg);'>L</div><div style='position: absolute; top: 71.21320343559643vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(334.2857142857143deg);'>L</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(0.0deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(25.714285714285715deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(51.42857142857143deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(77.14285714285714deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(102.85714285714286deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(128.57142857142858deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(154.28571428571428deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(180.0deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(205.71428571428572deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(231.42857142857144deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(257.14285714285717deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(282.8571428571429deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(308.57142857142856deg);'>P</div><div style='position: absolute; top: 80.0vh; left: 50.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(334.2857142857143deg);'>P</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(0.0deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(25.714285714285715deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(51.42857142857143deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(77.14285714285714deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(102.85714285714286deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(128.57142857142858deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(154.28571428571428deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(180.0deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(205.71428571428572deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(231.42857142857144deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(257.14285714285717deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(282.8571428571429deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(308.57142857142856deg);'>H</div><div style='position: absolute; top: 71.21320343559643vh; left: 28.786796564403577vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(334.2857142857143deg);'>H</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(0.0deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(25.714285714285715deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(51.42857142857143deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(77.14285714285714deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(102.85714285714286deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(128.57142857142858deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(154.28571428571428deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(180.0deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(205.71428571428572deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(231.42857142857144deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(257.14285714285717deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(282.8571428571429deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(308.57142857142856deg);'>A</div><div style='position: absolute; top: 50.00000000000001vh; left: 20.0vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(334.2857142857143deg);'>A</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(0.0deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(25.714285714285715deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(51.42857142857143deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(77.14285714285714deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(102.85714285714286deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(128.57142857142858deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(154.28571428571428deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(180.0deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(205.71428571428572deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(231.42857142857144deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(257.14285714285717deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(282.8571428571429deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(308.57142857142856deg);'>B</div><div style='position: absolute; top: 28.786796564403577vh; left: 28.78679656440357vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(334.2857142857143deg);'>B</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(0.0deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(25.714285714285715deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(51.42857142857143deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(77.14285714285714deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(102.85714285714286deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(128.57142857142858deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(154.28571428571428deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(180.0deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(205.71428571428572deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(231.42857142857144deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(257.14285714285717deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(282.8571428571429deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(308.57142857142856deg);'>E</div><div style='position: absolute; top: 20.0vh; left: 49.99999999999999vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(334.2857142857143deg);'>E</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(0.0deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(25.714285714285715deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(51.42857142857143deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(77.14285714285714deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(102.85714285714286deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(128.57142857142858deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(154.28571428571428deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(180.0deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(205.71428571428572deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(231.42857142857144deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(257.14285714285717deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(282.8571428571429deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(308.57142857142856deg);'>T</div><div style='position: absolute; top: 28.78679656440357vh; left: 71.21320343559643vh; width: 1em; height: 4em; text-align: center; font-size: 32px; transform: translate(-50%, -50%) rotate(334.2857142857143deg);'>T</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "divs = []\n",
    "n = 14\n",
    "src = \"ALPHABET\"\n",
    "for i in range(len(src)):\n",
    "    ch = src[i]\n",
    "    center_x = 50 + (30 * math.cos(i * (math.tau / len(src))))\n",
    "    center_y = 50 + (30 * math.sin(i * (math.tau / len(src))))\n",
    "    for j in range(n):\n",
    "        degrees = j * (360 / n)\n",
    "        this_div = mkdiv(src[i],\n",
    "                          position=\"absolute\",\n",
    "                          top=f\"{center_y}vh\",\n",
    "                          left=f\"{center_x}vh\",\n",
    "                          width=\"1em\",\n",
    "                          height=\"4em\",\n",
    "                          text_align=\"center\",\n",
    "                          font_size=\"32px\",\n",
    "                          transform=f\"translate(-50%, -50%) rotate({degrees}deg)\")\n",
    "        divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"circle\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Or add random variation:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 36,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>circle</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='position: absolute; top: 50.22314268676276vh; left: 78.53717909673287vh; width: 1em; height: 5.078681614739669em; text-align: center; font-size: 34.98197706599754px; transform: translate(-50%, -50%) rotate(0.0deg);'>A</div><div style='position: absolute; top: 50.22314268676276vh; left: 78.53717909673287vh; width: 1em; height: 4.524486503300421em; text-align: center; font-size: 33.296321205766255px; transform: translate(-50%, -50%) rotate(45.0deg);'>A</div><div style='position: absolute; top: 50.22314268676276vh; left: 78.53717909673287vh; width: 1em; height: 3.8834312096973473em; text-align: center; font-size: 35.85659950752482px; transform: translate(-50%, -50%) rotate(90.0deg);'>A</div><div style='position: absolute; top: 50.22314268676276vh; left: 78.53717909673287vh; width: 1em; height: 3.29925673662256em; text-align: center; font-size: 40.064786524186985px; transform: translate(-50%, -50%) rotate(135.0deg);'>A</div><div style='position: absolute; top: 50.22314268676276vh; left: 78.53717909673287vh; width: 1em; height: 3.795838348874621em; text-align: center; font-size: 33.59709327458072px; transform: translate(-50%, -50%) rotate(180.0deg);'>A</div><div style='position: absolute; top: 50.22314268676276vh; left: 78.53717909673287vh; width: 1em; height: 4.606023048599412em; text-align: center; font-size: 34.642413953466544px; transform: translate(-50%, -50%) rotate(225.0deg);'>A</div><div style='position: absolute; top: 50.22314268676276vh; left: 78.53717909673287vh; width: 1em; height: 3.8657981686653495em; text-align: center; font-size: 35.576370531686365px; transform: translate(-50%, -50%) rotate(270.0deg);'>A</div><div style='position: absolute; top: 50.22314268676276vh; left: 78.53717909673287vh; width: 1em; height: 3.5487355609053672em; text-align: center; font-size: 38.008108936034844px; transform: translate(-50%, -50%) rotate(315.0deg);'>A</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 3.9689897805526257em; text-align: center; font-size: 33.723372376391325px; transform: translate(-50%, -50%) rotate(0.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 3.503233295257386em; text-align: center; font-size: 29.270643089435072px; transform: translate(-50%, -50%) rotate(24.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 4.092256403439986em; text-align: center; font-size: 34.86927270927748px; transform: translate(-50%, -50%) rotate(48.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 4.588935130819318em; text-align: center; font-size: 31.59063897952479px; transform: translate(-50%, -50%) rotate(72.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 4.790829993450277em; text-align: center; font-size: 32.89137647938828px; transform: translate(-50%, -50%) rotate(96.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 4.038103974878154em; text-align: center; font-size: 33.85339334304598px; transform: translate(-50%, -50%) rotate(120.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 4.507875952553636em; text-align: center; font-size: 26.222734535351805px; transform: translate(-50%, -50%) rotate(144.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 4.151932699241095em; text-align: center; font-size: 36.410608155363064px; transform: translate(-50%, -50%) rotate(168.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 4.601007221147123em; text-align: center; font-size: 33.77771057848377px; transform: translate(-50%, -50%) rotate(192.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 3.397180129179373em; text-align: center; font-size: 29.887777880040424px; transform: translate(-50%, -50%) rotate(216.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 3.4672181707962255em; text-align: center; font-size: 39.471282161108796px; transform: translate(-50%, -50%) rotate(240.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 4.431393857797554em; text-align: center; font-size: 28.009117736842875px; transform: translate(-50%, -50%) rotate(264.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 2.7658769551849303em; text-align: center; font-size: 33.51991504988321px; transform: translate(-50%, -50%) rotate(288.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 4.076597620019129em; text-align: center; font-size: 29.16570404707636px; transform: translate(-50%, -50%) rotate(312.0deg);'>L</div><div style='position: absolute; top: 70.0214578928124vh; left: 71.70542117065705vh; width: 1em; height: 4.7144284704921695em; text-align: center; font-size: 36.59622427206619px; transform: translate(-50%, -50%) rotate(336.0deg);'>L</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 3.3830920481898987em; text-align: center; font-size: 34.790947601699685px; transform: translate(-50%, -50%) rotate(0.0deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 3.3054275952073575em; text-align: center; font-size: 36.84166405996768px; transform: translate(-50%, -50%) rotate(27.692307692307693deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 2.934263113039613em; text-align: center; font-size: 39.29146323069843px; transform: translate(-50%, -50%) rotate(55.38461538461539deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 3.7655748745010285em; text-align: center; font-size: 30.81160942930619px; transform: translate(-50%, -50%) rotate(83.07692307692308deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 3.9650197065607626em; text-align: center; font-size: 37.098886521190195px; transform: translate(-50%, -50%) rotate(110.76923076923077deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 4.519548033112518em; text-align: center; font-size: 34.63222574585145px; transform: translate(-50%, -50%) rotate(138.46153846153845deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 4.163483932858774em; text-align: center; font-size: 31.17709143538879px; transform: translate(-50%, -50%) rotate(166.15384615384616deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 3.7768853542184195em; text-align: center; font-size: 33.25035139395214px; transform: translate(-50%, -50%) rotate(193.84615384615387deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 3.9216362903396047em; text-align: center; font-size: 39.15023882001386px; transform: translate(-50%, -50%) rotate(221.53846153846155deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 4.296294357124723em; text-align: center; font-size: 34.16731458773001px; transform: translate(-50%, -50%) rotate(249.23076923076923deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 2.868099749867733em; text-align: center; font-size: 31.26426327983527px; transform: translate(-50%, -50%) rotate(276.9230769230769deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 3.677445124841692em; text-align: center; font-size: 31.333769167950567px; transform: translate(-50%, -50%) rotate(304.61538461538464deg);'>P</div><div style='position: absolute; top: 79.01108741881279vh; left: 48.34604694579402vh; width: 1em; height: 3.85324935805986em; text-align: center; font-size: 37.48917153573157px; transform: translate(-50%, -50%) rotate(332.3076923076923deg);'>P</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 3.9158381197784315em; text-align: center; font-size: 32.22975087189971px; transform: translate(-50%, -50%) rotate(0.0deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 3.916513829462864em; text-align: center; font-size: 31.827839344124804px; transform: translate(-50%, -50%) rotate(27.692307692307693deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 3.7548107704074907em; text-align: center; font-size: 33.059404547073385px; transform: translate(-50%, -50%) rotate(55.38461538461539deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 4.624699393473998em; text-align: center; font-size: 28.657941791626886px; transform: translate(-50%, -50%) rotate(83.07692307692308deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 4.066028747262042em; text-align: center; font-size: 20.213312434374686px; transform: translate(-50%, -50%) rotate(110.76923076923077deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 4.842479061718161em; text-align: center; font-size: 32.92719016799898px; transform: translate(-50%, -50%) rotate(138.46153846153845deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 3.2752578721475554em; text-align: center; font-size: 32.16982501056308px; transform: translate(-50%, -50%) rotate(166.15384615384616deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 3.1668352027634525em; text-align: center; font-size: 34.577749955240435px; transform: translate(-50%, -50%) rotate(193.84615384615387deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 3.5693338696286796em; text-align: center; font-size: 40.5645060517206px; transform: translate(-50%, -50%) rotate(221.53846153846155deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 4.815676540055653em; text-align: center; font-size: 31.876704622298043px; transform: translate(-50%, -50%) rotate(249.23076923076923deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 3.5409250655227456em; text-align: center; font-size: 24.388332461327714px; transform: translate(-50%, -50%) rotate(276.9230769230769deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 3.232742998569135em; text-align: center; font-size: 29.007941718593983px; transform: translate(-50%, -50%) rotate(304.61538461538464deg);'>H</div><div style='position: absolute; top: 69.48929947610719vh; left: 28.00320444757682vh; width: 1em; height: 4.32150199655402em; text-align: center; font-size: 29.646592117402363px; transform: translate(-50%, -50%) rotate(332.3076923076923deg);'>H</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 4.018611953806376em; text-align: center; font-size: 27.741241007639708px; transform: translate(-50%, -50%) rotate(0.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.7775854143542342em; text-align: center; font-size: 30.736287382526278px; transform: translate(-50%, -50%) rotate(24.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.820524185801657em; text-align: center; font-size: 31.043812563525776px; transform: translate(-50%, -50%) rotate(48.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.4473049303780603em; text-align: center; font-size: 40.64909422536417px; transform: translate(-50%, -50%) rotate(72.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.651102554077886em; text-align: center; font-size: 32.03707547239844px; transform: translate(-50%, -50%) rotate(96.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.5294632805373496em; text-align: center; font-size: 30.29105130856805px; transform: translate(-50%, -50%) rotate(120.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 4.634060853147198em; text-align: center; font-size: 27.82184011208989px; transform: translate(-50%, -50%) rotate(144.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.402369765083059em; text-align: center; font-size: 25.155112664560143px; transform: translate(-50%, -50%) rotate(168.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 2.992641803516504em; text-align: center; font-size: 27.546840561014292px; transform: translate(-50%, -50%) rotate(192.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.505271560093512em; text-align: center; font-size: 30.912132550131666px; transform: translate(-50%, -50%) rotate(216.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.5157106159537035em; text-align: center; font-size: 31.508974398397967px; transform: translate(-50%, -50%) rotate(240.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.948041879878796em; text-align: center; font-size: 33.98625224831165px; transform: translate(-50%, -50%) rotate(264.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.949628009054099em; text-align: center; font-size: 28.61600013100487px; transform: translate(-50%, -50%) rotate(288.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 3.5805389422436047em; text-align: center; font-size: 28.0247969959776px; transform: translate(-50%, -50%) rotate(312.0deg);'>A</div><div style='position: absolute; top: 48.41132353341768vh; left: 21.002007400699vh; width: 1em; height: 4.029360022123971em; text-align: center; font-size: 37.04644340042806px; transform: translate(-50%, -50%) rotate(336.0deg);'>A</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.9873809352280025em; text-align: center; font-size: 29.309216055093312px; transform: translate(-50%, -50%) rotate(0.0deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 5.060372413575041em; text-align: center; font-size: 31.356736409329088px; transform: translate(-50%, -50%) rotate(22.5deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.8009928637455808em; text-align: center; font-size: 35.18353489548564px; transform: translate(-50%, -50%) rotate(45.0deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.8034984365632276em; text-align: center; font-size: 30.42770449984833px; transform: translate(-50%, -50%) rotate(67.5deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 4.2247551922172955em; text-align: center; font-size: 30.260843763117737px; transform: translate(-50%, -50%) rotate(90.0deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.5957909034503213em; text-align: center; font-size: 36.091243151484065px; transform: translate(-50%, -50%) rotate(112.5deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 4.069068624171539em; text-align: center; font-size: 30.608793022019324px; transform: translate(-50%, -50%) rotate(135.0deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.263237158221462em; text-align: center; font-size: 27.0610639040798px; transform: translate(-50%, -50%) rotate(157.5deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.9686763022125446em; text-align: center; font-size: 29.208978791676277px; transform: translate(-50%, -50%) rotate(180.0deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 4.36952786825636em; text-align: center; font-size: 28.05222554469929px; transform: translate(-50%, -50%) rotate(202.5deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.6963394810721955em; text-align: center; font-size: 28.555854057057367px; transform: translate(-50%, -50%) rotate(225.0deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.6065666723048824em; text-align: center; font-size: 31.15754465713518px; transform: translate(-50%, -50%) rotate(247.5deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 4.928564084708806em; text-align: center; font-size: 31.478233246635156px; transform: translate(-50%, -50%) rotate(270.0deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.380781740155995em; text-align: center; font-size: 27.4245696864093px; transform: translate(-50%, -50%) rotate(292.5deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.4708310788400514em; text-align: center; font-size: 32.54393555655937px; transform: translate(-50%, -50%) rotate(315.0deg);'>B</div><div style='position: absolute; top: 28.20317086799305vh; left: 27.109086482090238vh; width: 1em; height: 3.9086069101336722em; text-align: center; font-size: 33.81805760584947px; transform: translate(-50%, -50%) rotate(337.5deg);'>B</div><div style='position: absolute; top: 20.269650561213624vh; left: 50.44688294591341vh; width: 1em; height: 3.2087413539012744em; text-align: center; font-size: 30.635552024660214px; transform: translate(-50%, -50%) rotate(0.0deg);'>E</div><div style='position: absolute; top: 20.269650561213624vh; left: 50.44688294591341vh; width: 1em; height: 4.067188301522648em; text-align: center; font-size: 31.84484502777935px; transform: translate(-50%, -50%) rotate(36.0deg);'>E</div><div style='position: absolute; top: 20.269650561213624vh; left: 50.44688294591341vh; width: 1em; height: 4.620134593056145em; text-align: center; font-size: 37.25567230147758px; transform: translate(-50%, -50%) rotate(72.0deg);'>E</div><div style='position: absolute; top: 20.269650561213624vh; left: 50.44688294591341vh; width: 1em; height: 4.40998051268599em; text-align: center; font-size: 31.419991683187444px; transform: translate(-50%, -50%) rotate(108.0deg);'>E</div><div style='position: absolute; top: 20.269650561213624vh; left: 50.44688294591341vh; width: 1em; height: 3.4574120896503846em; text-align: center; font-size: 29.152038346122843px; transform: translate(-50%, -50%) rotate(144.0deg);'>E</div><div style='position: absolute; top: 20.269650561213624vh; left: 50.44688294591341vh; width: 1em; height: 5.02440965229259em; text-align: center; font-size: 27.139657314674263px; transform: translate(-50%, -50%) rotate(180.0deg);'>E</div><div style='position: absolute; top: 20.269650561213624vh; left: 50.44688294591341vh; width: 1em; height: 3.5678600369882862em; text-align: center; font-size: 27.735359032264565px; transform: translate(-50%, -50%) rotate(216.0deg);'>E</div><div style='position: absolute; top: 20.269650561213624vh; left: 50.44688294591341vh; width: 1em; height: 4.404761383497215em; text-align: center; font-size: 30.436603758354444px; transform: translate(-50%, -50%) rotate(252.0deg);'>E</div><div style='position: absolute; top: 20.269650561213624vh; left: 50.44688294591341vh; width: 1em; height: 3.396883123602104em; text-align: center; font-size: 30.186320678217815px; transform: translate(-50%, -50%) rotate(288.0deg);'>E</div><div style='position: absolute; top: 20.269650561213624vh; left: 50.44688294591341vh; width: 1em; height: 3.749525527654435em; text-align: center; font-size: 37.70423950652015px; transform: translate(-50%, -50%) rotate(324.0deg);'>E</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 4.232960761826253em; text-align: center; font-size: 25.91511141584556px; transform: translate(-50%, -50%) rotate(0.0deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 3.8254235975253037em; text-align: center; font-size: 24.90155864118721px; transform: translate(-50%, -50%) rotate(21.176470588235293deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 4.72589754321244em; text-align: center; font-size: 31.599374383152917px; transform: translate(-50%, -50%) rotate(42.35294117647059deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 4.0427766226476685em; text-align: center; font-size: 28.430197961812635px; transform: translate(-50%, -50%) rotate(63.529411764705884deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 3.74830396479619em; text-align: center; font-size: 33.283486767581216px; transform: translate(-50%, -50%) rotate(84.70588235294117deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 4.340801552888198em; text-align: center; font-size: 32.44183352569927px; transform: translate(-50%, -50%) rotate(105.88235294117646deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 3.5952171388910514em; text-align: center; font-size: 29.819342328403263px; transform: translate(-50%, -50%) rotate(127.05882352941177deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 4.3882182990889955em; text-align: center; font-size: 29.430821786571183px; transform: translate(-50%, -50%) rotate(148.23529411764704deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 3.736069900451013em; text-align: center; font-size: 41.93510521864527px; transform: translate(-50%, -50%) rotate(169.41176470588235deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 4.2669015762382685em; text-align: center; font-size: 30.160564015435686px; transform: translate(-50%, -50%) rotate(190.58823529411765deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 3.7761512692132633em; text-align: center; font-size: 29.416492269435945px; transform: translate(-50%, -50%) rotate(211.76470588235293deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 4.055202522482342em; text-align: center; font-size: 32.113499646810716px; transform: translate(-50%, -50%) rotate(232.94117647058823deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 4.065000274083825em; text-align: center; font-size: 40.15320457547136px; transform: translate(-50%, -50%) rotate(254.11764705882354deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 3.77925509392114em; text-align: center; font-size: 24.69415249499811px; transform: translate(-50%, -50%) rotate(275.29411764705884deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 4.6165563823953075em; text-align: center; font-size: 32.50706649222383px; transform: translate(-50%, -50%) rotate(296.4705882352941deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 3.5584007054380096em; text-align: center; font-size: 27.302611169134238px; transform: translate(-50%, -50%) rotate(317.6470588235294deg);'>T</div><div style='position: absolute; top: 28.177256646731358vh; left: 73.54079761389181vh; width: 1em; height: 3.835399695116739em; text-align: center; font-size: 30.146053850555283px; transform: translate(-50%, -50%) rotate(338.8235294117647deg);'>T</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "divs = []\n",
    "src = \"ALPHABET\"\n",
    "for i in range(len(src)):\n",
    "    ch = src[i]\n",
    "    center_x = 50 + (30 * math.cos(i * (math.tau / len(src)))) + random.gauss(0, 2)\n",
    "    center_y = 50 + (30 * math.sin(i * (math.tau / len(src)))) + random.gauss(0, 2)\n",
    "    n = random.randrange(8, 18)\n",
    "    for j in range(n):\n",
    "        degrees = j * (360 / n)\n",
    "        this_div = mkdiv(src[i],\n",
    "                          position=\"absolute\",\n",
    "                          top=f\"{center_y}vh\",\n",
    "                          left=f\"{center_x}vh\",\n",
    "                          width=\"1em\",\n",
    "                          height=f\"{random.gauss(4, 0.5)}em\",\n",
    "                          text_align=\"center\",\n",
    "                          font_size=f\"{random.gauss(32, 4)}px\",\n",
    "                          transform=f\"translate(-50%, -50%) rotate({degrees}deg)\")\n",
    "        divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"circle\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "(The [`random.gauss()` function](https://docs.python.org/3/library/random.html#random.gauss) returns numbers from a [normal distribution](https://en.wikipedia.org/wiki/Normal_distribution).)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Programming R. L. Draper's \"Target Practice\"\n",
    "\n",
    "The final example in this notebook shows how to make a computational version of R. L. Draper's \"Target Practice\" (reproduced and discussed in S Cearley's [\"How to read a concrete poem\"](http://www.futureanachronism.com/digitalpaper/HowToReadAConcretePoem.pdf)). This example makes use of some of the same rotation tricks we took advantage of before, but also does some new things: the `<div>` tags are filled with multiple copies of the same word, and prevented from expanding the tag's boundary with the CSS properties `overflow-wrap: anywhere` and `overflow: hidden`. Setting the `z-index` property controls which elements are on \"top\"; this is important for this example, where the `<div>`s have opaque backgrounds (set with `background: white`). Finally, the `border-radius` property set to `50%` makes these `<div>`s—normally rectangular—appear as circles."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 37,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<!DOCTYPE html>\n",
       "<html lang=\"en\">\n",
       "<head>\n",
       "    <meta charset=\"utf-8\">\n",
       "    <title>centered</title>\n",
       "    <style>\n",
       "    html { min-height: 32em; overflow: hidden; }\n",
       "    </style>\n",
       "</head>\n",
       "<body>\n",
       "<div style='top: 50%; left: 50%; width: 7em; height: 7em; transform: translate(-50%, -50%) rotate(321deg); font-family: Courier; z-index: 1000; overflow-wrap: anywhere; overflow: hidden; background: white; border-radius: 50%; position: absolute;'>deathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeathdeath</div><div style='top: 50%; left: 50%; width: 14em; height: 14em; transform: translate(-50%, -50%) rotate(223deg); font-family: Courier; z-index: 999; overflow-wrap: anywhere; overflow: hidden; background: white; border-radius: 50%; position: absolute;'>maimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaimmaim</div><div style='top: 50%; left: 50%; width: 21em; height: 21em; transform: translate(-50%, -50%) rotate(163deg); font-family: Courier; z-index: 998; overflow-wrap: anywhere; overflow: hidden; background: white; border-radius: 50%; position: absolute;'>cripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripplecripple</div><div style='top: 50%; left: 50%; width: 28em; height: 28em; transform: translate(-50%, -50%) rotate(0deg); font-family: Courier; z-index: 997; overflow-wrap: anywhere; overflow: hidden; background: white; border-radius: 50%; position: absolute;'>woundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwoundwound</div>\n",
       "</body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {
      "isolated": true
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "divs = []\n",
    "words = [\"death\", \"maim\", \"cripple\", \"wound\"]\n",
    "n = 4\n",
    "for i in range(n):\n",
    "    degrees = random.randrange(360)\n",
    "    content = words[i] * 1000\n",
    "    this_div = mkdiv(content,\n",
    "                      top=\"50%\",\n",
    "                      left=\"50%\",\n",
    "                      width=f\"{(i+1) * 7}em\",\n",
    "                      height=f\"{(i+1) * 7}em\",\n",
    "                      transform=f\"translate(-50%, -50%) rotate({degrees}deg)\",\n",
    "                      font_family=\"Courier\",\n",
    "                      z_index=f\"{1000 - i}\",     # z-index controls what's in front\n",
    "                      overflow_wrap=\"anywhere\",  # wrap the text anywhere\n",
    "                      overflow=\"hidden\",         # hide text that falls outside the box\n",
    "                      background=\"white\",        # make this opaque\n",
    "                      border_radius=\"50%\"        # make it circular\n",
    "                     )\n",
    "    divs.append(this_div)\n",
    "html_src = html_tmpl.format(title=\"centered\", content=\"\".join(divs))\n",
    "show_html(html_src)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Further ideas and resources\n",
    "\n",
    "The examples in this notebook are focused on a handful of particular techniques—it's not meant to be exhaustive, but just to give you some code that you can play with and pore over to give you new ideas.\n",
    "\n",
    "Some quick things that you could play with:\n",
    "\n",
    "* Try working with *lots* of text.\n",
    "* Wherever there's a number that is small, make it big. Wherever there's a number that's big, make it small.\n",
    "* Play with color.\n",
    "* Play with fonts. (It wouldn't be too difficult to get [Google Fonts](https://fonts.google.com/) working with this code. Hint: Modify the HTML template.)\n",
    "* Play with [CSS animations](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations). This is a bit trickier, because there isn't an easy way to specify CSS animations in-line. (You'd probably have to modify the HTML template to allow for interpolation of `@keyframe` definitions in the stylesheet, for starters.)\n",
    "\n",
    "HTML/CSS and print:\n",
    "\n",
    "* [I totally forgot about print style sheets](https://www.matuzo.at/blog/i-totally-forgot-about-print-style-sheets/) is a good recent overview of CSS styles for producing printed artifacts.\n",
    "* [Bindery](https://evanbrooks.info/bindery/) is a JavaScript library for doing book layout and design with HTML and CSS.\n",
    "* [Gutenberg](https://github.com/BafS/Gutenberg): a CSS framework specifically for print\n",
    "\n",
    "HTML and CSS tutorials:\n",
    "\n",
    "* [Mozilla Developer Network's HTML/CSS Tutorials](https://developer.mozilla.org/en-US/docs/Web/Tutorials) are highly recommended!\n",
    "* [Learn Layout](http://learnlayout.com/) is CSS's missing manual. Laconic and instantly useful.\n",
    "* My HTML/CSS tutorials (perhaps a bit out of date, but deliciously so): [HTML: An Elementary Introduction](http://hypertext.decontextualize.com/elementary/), [CSS with style](http://hypertext.decontextualize.com/css-with-style/), [Your position is clear](http://hypertext.decontextualize.com/your-position-is-clear/)."
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.9.16"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}