My name is Dillon Brady. I am an independent consultant based in Charleston, South Carolina specializing in research and data analysis, art and graphic design, web design and development, health IT and quality improvement. My passion is working on projects that combine art and science. I understand the value of integrating team approaches, and enjoy delivering professional work that is both aesthetic and robust.
Currently have experience in the following areas:
I am a 2014 graduate of the Medical University of South Carolina Masters in Health Administration program, and a 2011 graduate of the University of North Carolina at Chapel Hill with a Bachelors Degree in Economics. I am a Certified Associate in Healthcare Information & Management Systems through HIMSS. I have completed the Web 101-105 series through CODEcamp and the Charleston Digital Corridor, as well as many online programming courses. Staying active in the tech community, I enjoy participating in organizations such as Charleston Data Analytics Group and Charleston Technology Group.
I work well in both team-oriented and self-directed environments and welcome the opportunity to connect. For more information, go to http://dillonbrady.com
Work History
Healthcare Consultant - Kennedy Pharmacy Innovation Center
My consulting relationship with Kennedy Pharmacy Innovation Center included supporting the development of a sustainable business model for implementing a clinical pharmacist in a patient-centered medical home.
In collaboration with Palmetto Primary Care Physicians of North Charleston, SC, I analyzed EHR data, applying a validated approach to outcomes evaluation and performance analysis. I helped identify improvement in revenue generation, cost avoidance, productivity, and quality outcomes: A1c, LDL, BMI, and BP. I developed resource guides and presentations to diffuse business model knowledge.
Project Coordinator Intern - MUSC Physicians Primary Care
I worked in collaborative teams to identify the value of the Patient-Centered Medical Home (PCMH) initiative at the Medical University of South Carolina. I prepared documentation to meet NCQA PCMH recognition requirements. I designed reporting processes to capture meaningful data for the NCQA Diabetes Recognition Program. I used SharePoint to create PCMH Work Breakdown Structure and manage project lists. I also created training materials for Patient Care Coordinators.
Additional responsibilities included policy writing, business development, physician compensation analysis, contract comparison, pro forma, facility planning and design.
<!DOCTYPE html> <html> <div class="piktowrapper-embed" pikto-uid="7863252-life-expectancy-infographic" > <div class="pikto-canvas-wrap"> <div class="pikto-canvas"> <div class="winfograph-wrap"> <div class="pikto-more-a"> <a href="http://s.codepen.io/dillonbrady/debug/VveLNd?"><img class="pikto-more-a"/></a> </div> <div class="pikto-more-b"> <a href="http://s.codepen.io/dillonbrady/debug/zvrweN?"><img class="pikto-more-b"/></div> <div class="pikto-more-c"> <a href="http://s.codepen.io/dillonbrady/debug/meVmaG?"><img class="pikto-more-c"/> </div> <div class="pikto-more-d"> <a href="http://s.codepen.io/dillonbrady/debug/BojNKP?"><img class="pikto-more-d"/> </div> </div> </div> </div> </div> <style> body { margin: auto 0; } .winfograph-wrap { position: absolute; top: 73.6%; right: 3.2%; width: 35em; height: 12.8em; z-index: 2; } .winfograph-wrap > a { text-decoration: none; } .pikto-more-a { display: inline-block; position: relative; width: 8.3em; height: 12.8em; z-index: 1; } .pikto-more-b { display: inline-block; position: relative; left: -0.14em; width: 9.05em; height: 12.8em; z-index: 1; } .pikto-more-c { display: inline-block; position: relative; left: -0.28em; width: 8.45em; height: 12.8em; z-index: 1; } .pikto-more-d { display: inline-block; position: relative; left: -0.42em; width: 8.4em; height: 12.8em; z-index: 1; } </style> <script> (function(d){ var js, id="pikto-embed-js", ref=d.getElementsByTagName("script")[0]; if (d.getElementById(id)) { return;} js=d.createElement("script"); js.id=id; js.async=true; js.src="https://magic.piktochart.com/assets/embedding/embed.js"; ref.parentNode.insertBefore(js, ref); }(document)); </script> </html>
<!DOCTYPE html> <html> <head> <title>Dillon Brady Consulting - Web Layout Template</title> <!-- Stylesheets --> <link rel="stylesheet" href="stylesheets/normalize.css" /> <link rel="stylesheet" href="stylesheets/global.css" /> <link rel="stylesheet" href="stylesheets/index.css" /> <!-- Font-Awesome icons (Bootstrap CDN) --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <!-- jQuery (from Google CDN) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> </head> <body> <header> <div class="container"> <div class="logo"> <a href="index.html"><img src="http://www.dillonbrady.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-02-at-12.22.31-AM.png" /></a> </div> <nav> <ul id="main-nav"> <li><a href="#">Nav Item 1</a></li> <li class="has-dropdown"><a href="#">Nav Item 2</a> <ul class="dropdown"> <li><a href="#">DD Item 1</a></li> <li><a href="#">DD Item 2</a></li> <li><a href="#">DD Item 3</a></li> <li><a href="#">DD Item 4</a></li> <li><a href="#">DD Item 5</a></li> </ul> </li> <li><a href="#">Nav Item 3</a></li> <li class="has-dropdown"><a href="#">Nav Item 4</a> <ul class="dropdown"> <li><a href="#">DD Item 1</a></li> <li><a href="#">DD Item 2</a></li> <li><a href="#">DD Item 3</a></li> <li><a href="#">DD Item 4</a></li> <li><a href="#">DD Item 5</a></li> </ul> </li> <li class="top_search"> <i class="fa fa-search"></i> </li> </ul> </nav> </div> <div class="search_bar"> <div class="search_wrap"> <input type="text" name="q" id="q" placeholder="Search..." /> <i class="fa fa-search"></i> </div> </div> </header> <div id="content" class="container"> <!-- Top Slider / Carousel --> <section> <div id="homepage-hero"> <img src="http://www.andrewlosurdo.com.au/wp-content/uploads/2013/03/Sharpened-version4-940x300.jpg" /> </div> </section> <!-- End Top Slider / Carousel --> <!-- Events Section --> <section> <h2>Latest Products</h2> <div class="product-listing-outer"> <div class="product-listing-inner"> <div class="product"> <a href="http://s.codepen.io/dillonbrady/debug/qdGJXb?"> <img src="http://i.imgur.com/I6ohW4w.png" /> <div class="banner">Click To View</div> </a> </div> <div class="product"> <a href="http://s.codepen.io/dillonbrady/debug/qdGJXb?"> <img src="http://i.imgur.com/I6ohW4w.png" /> <div class="banner">Click To View</div> </a> </div> <div class="product"> <a href="http://s.codepen.io/dillonbrady/debug/qdGJXb?"> <img src="http://i.imgur.com/I6ohW4w.png" /> <div class="banner">Click To View</div> </a> </div> <div class="product"> <a href="http://s.codepen.io/dillonbrady/debug/qdGJXb?"> <img src="http://i.imgur.com/I6ohW4w.png" /> <div class="banner">Click To View</div> </a> </div> <div class="product"> <a href="http://s.codepen.io/dillonbrady/debug/qdGJXb?"> <img src="http://i.imgur.com/I6ohW4w.png" /> <div class="banner">Click To View</div> </a> </div> <div class="product"> <a href="http://s.codepen.io/dillonbrady/debug/qdGJXb?"> <img src="http://i.imgur.com/I6ohW4w.png" /> <div class="banner">Click To View</div> </a> </div> </div> </div> </section> <!-- End Events Section --> <!-- Upcoming News Section --> <section id="homepage-news"> <div class="upcoming_news"> <div class="news left"> <img src="http://www.placecage.com/479/280" /> </div> <div class="news right"> <h3>Upcoming News</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> </div> </section> <!-- End Upcoming News Section --> <!-- Footer Banner --> <section> <div id="footer-banner"> <img src="http://www.wezenaar.org/wp-content/uploads/2014/03/cropped-e3223370.jpg" /> <div class="social_icons"> <!-- background image/sprite in CSS --> <span class="social_icon"></span> <span class="social_icon"></span> <span class="social_icon"></span> <span class="social_icon"></span> <span class="social_icon"></span> <span class="social_icon"></span> </div> </div> </section> <!-- End Footer Banner --> </div><!-- / #content --> <footer> <div id="scroll-to-top">↑↑</div> <p>Dillon Brady Consulting - August 2015</p> </footer> <!-- CSS --> <style> body { background-color: turquoise; background-attachment: fixed; background-repeat: repeat; } .container { margin: 0 auto; width: 960px; } header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; background-color: #278A36; box-shadow: 2px 2px 30px #000; z-index: 10000;/* Ensure header sits on top of everyting; z-index only works on elements witha position OTHER than static! */ } header .container:first-child { height: 100px; } header .logo { float: left; width: 100px; padding: 5px 10px; } header .logo img { width: 97.5px; height: 90px; } header nav { float: left; } header nav ul { margin: 0; padding: 0; list-style-type: none; } header nav #main-nav > li { position: relative; /* set context for ul.dropdown children */ float: left; } header nav #main-nav li { -webkit-transition: background-color 0.2s ease-in-out; /* Safari/Chrome */ -moz-transition: background-color 0.2s ease-in-out; /* Mozilla Firefox and others */ -ms-transition: background-color 0.2s ease-in-out; /* Lovely IE */ -o-transition: background-color 0.2s ease-in-out; /* Opera... what? */ transition: background-color 0.2s ease-in-out; /* Default -- ALWAYS GOES LAST */ } header nav #main-nav li:hover { background-color: #2C2B2B; } header nav ul li a { display: block; padding: 40px 40px 37px 40px; color: #fff; font-size: 20px; text-decoration: none; } header #main-nav li.top_search { color: #fff; } header #main-nav li.top_search:hover { cursor: pointer; background-color: #278A36; } header nav .top_search i { position: absolute; top: 5px; right: -23px; padding-bottom: 5px; font-size: 20px; border-bottom: 4px solid transparent; transition: border 0.2s ease-in-out; } header nav .top_search i:hover { border-bottom: 4px solid #fff; } ul.dropdown { position: absolute; top: 100px; left: 0; width: 100%; margin-top: -9999px; background-color: #2C2B2B; opacity: 0; transition: opacity 0.3s ease-in-out; z-index: 10000; } #main-nav li.has-dropdown:hover > ul.dropdown { margin-top: 0; opacity: 1; } #main-nav ul.dropdown li:hover { background-color: #777; } header .search_bar { display: none; position: absolute; top: 100px; width: 100%; height: 60px; clear: both; background-color: #278A36; } header .search_bar .search_wrap { position: relative; width: 50%; height: 100%; margin: 0 auto; } header .search_bar #q { width: 100%; height: 25px; padding: 5px; border-radius: 5px; border: 1px solid #eee; color: #666; } header .search_bar i.fa-search { position: absolute; top: 10px; right: 0; color: #aaa; } #content { padding-top: 150px; } section { margin-bottom: 50px; } section::after { content: ''; /* MUST have a content attribute! */ display: block; /* Declare a display type */ width: 100%; /* Ensure it has a width */ clear: both; /* Now clear any floats */ } h2 { text-transform: uppercase; text-align: center; color: #222; } footer { position: relative; /* to set context for absolutely positioned #scroll-to-top element */ width: 100%; height: 75px; padding-top: 30px; background-color: #2C2B2B; box-shadow: 2px -2px 30px #000; } footer p { color: #fff; font-weight: bold; text-align: center; } #scroll-to-top { position: absolute; top: -50px; right: 20px; padding: 5px 10px; background-color: red; color: #fff; border-radius: 2px; box-shadow: 0 0 3px #333; font-weight: bold; transition: background-color 0.2s ease-in-out; } #scroll-to-top:hover { cursor: pointer; background-color: #444; } #homepage-hero img { width: 960px; height: 350px; } .product-listing-outer { width: 960px; /* set boundaries of container */ max-height: 380px; overflow-x: scroll; /* so we can scroll left/right */ overflow-y: hidden; } .product-listing-inner { padding: 5px 0; width: 1950px; /* so we can scroll the inner div, we have to give a width that allows all divs to fit in there */ } .product-listing-inner .product { position: relative; display: inline-block; margin-right: 19px; margin-bottom: 25px; transition: transform 0.1s ease-in-out; } .product-listing-inner .product:hover { transform: scale(1.02); } .product-listing-inner .product:last-child { margin-right: 0; } .product-listing-inner .product img { border: 2px solid #fff; box-shadow: 0px 0px 4px #888; position: relative; } .product-listing-inner .product .banner { position: absolute; top: 150px; width: 300px; margin: 0 2px; padding: 10px 0; background-color: red; color: #fff; font-weight: bold; font-size: 20px; text-align: center; text-transform: uppercase; z-index: 1000; opacity: 0; transition: all 0.2s ease-in-out; } .product-listing-inner .product .banner:hover { background-color: #444; } .product-listing-inner .product.active .banner { opacity: 1; } #homepage-news { overflow: auto; } .upcoming_news .news { float: left; width: 50%; box-sizing: border-box; } .upcoming_news .news.right { height: 290px; max-height: 290px; padding-left: 30px; overflow-y: auto; } .upcoming_news .news.right h3 { margin-top: 0; } #footer-banner { position: relative; /* to set context for absolutely positioned social icons */ } #footer-banner .social_icons { position: absolute; top: 0; left: 0; width: 285.3px; height: 46px; margin: 5px; border: 2px solid #fff; box-shadow: 1px 1px 3px #333; } #footer-banner .social_icons .social_icon { display: inline-block; width: 48px; height: 46px; margin-left: -5px; background-image: url('http://diwebdeveloper.com/wp-content/uploads/2014/10/sprites-social.png'); background-repeat: no-repeat; background-position-x: 0px; background-position-y: 0px; transition: background-position-y 0.2s ease-in-out; } #footer-banner .social_icons .social_icon:hover { background-position-y: -49px; cursor: pointer; } #footer-banner .social_icons .social_icon:nth-child(1) { margin-left: 0; background-position-x: 0px; } #footer-banner .social_icons .social_icon:nth-child(2) { background-position-x: -48px; } #footer-banner .social_icons .social_icon:nth-child(3) { background-position-x: -96px; } #footer-banner .social_icons .social_icon:nth-child(4) { background-position-x: -144px; } #footer-banner .social_icons .social_icon:nth-child(5) { background-position-x: -192px; } #footer-banner .social_icons .social_icon:nth-child(6) { background-position-x: -240px; } </style> <!-- Load global.js and index.js JavaScript (global first!) --> <script src="js/global.js"></script> <script src="js/global-answers.js"></script> <script src="js/index.js"></script> <script src="js/index-answers.js"></script> <script> jQuery(document).ready(function() { /* Toggle search bar when icon clicked */ $('header .top_search').on('click', function() { $('.search_bar').slideToggle(500); }); /* Scroll To Top when button clicked */ $('#scroll-to-top').on('click', function() { $('html, body').animate({ scrollTop: 0 }, 500, 'swing'); // 500ms animation with "swing" style }); }); jQuery(document).ready(function($) { /* Add "active" class to .product items when user mouses over, then remove this class when user's mouse leaves. This will reveal the .banner overlay */ $('.product-listing-inner .product').mouseenter(function() { $(this).addClass('active'); }).mouseleave(function() { $(this).removeClass('active'); }); }); </script> </body> </html>
IPython 3.2.0 -- An enhanced Interactive Python. Anaconda is brought to you by Continuum Analytics. Please check out: http://continuum.io/thanks and https://anaconda.org ? -> Introduction and overview of IPython's features. %quickref -> Quick reference. help -> Python's own help system. object? -> Details about 'object', use 'object??' for extra details. In [1]: import numpy as np ... In [111]: x = randn(8) In [112]: y = randn(8) In [113]: x Out[113]: array([ 0.81209821, -1.82715732, -0.35177504, -1.67589286, 0.43386884, 1.0512273 , -0.9352196 , -0.89271095]) In [114]: y Out[114]: array([-1.12268343, -1.62643162, 0.98892031, 0.50378202, -0.16656339, -0.52873364, -1.21768657, 0.17980222]) In [115]: np.maximum(x, y) # element-wise maximum Out[115]: array([ 0.81209821, -1.62643162, 0.98892031, 0.50378202, 0.43386884, 1.0512273 , -0.9352196 , 0.17980222]) In [116]: arr = randn(7) * 5 In [117]: np.modf(arr) Out[117]: (array([-0.02674997, 0.06099861, -0.27953479, -0.20997925, 0.19791625, 0.95652315, -0.77210029]), array([-6., 3., -3., -5., 3., 2., -0.])) In [118]: points = np.arange(-5, 5, 0.01) # 1000 equally spaced points In [119]: xs, ys = np.meshgrid(points, points) In [120]: ys Out[120]: array([[-5. , -5. , -5. , ..., -5. , -5. , -5. ], [-4.99, -4.99, -4.99, ..., -4.99, -4.99, -4.99], [-4.98, -4.98, -4.98, ..., -4.98, -4.98, -4.98], ..., [ 4.97, 4.97, 4.97, ..., 4.97, 4.97, 4.97], [ 4.98, 4.98, 4.98, ..., 4.98, 4.98, 4.98], [ 4.99, 4.99, 4.99, ..., 4.99, 4.99, 4.99]]) In [121]: import matplotlib.pyplot as plt In [122]: z = np.sqrt(xs ** 2 + ys ** 2) In [123]: z Out[123]: array([[ 7.07106781, 7.06400028, 7.05693985, ..., 7.04988652, 7.05693985, 7.06400028], [ 7.06400028, 7.05692568, 7.04985815, ..., 7.04279774, 7.04985815, 7.05692568], [ 7.05693985, 7.04985815, 7.04278354, ..., 7.03571603, 7.04278354, 7.04985815], ..., [ 7.04988652, 7.04279774, 7.03571603, ..., 7.0286414 , 7.03571603, 7.04279774], [ 7.05693985, 7.04985815, 7.04278354, ..., 7.03571603, 7.04278354, 7.04985815], [ 7.06400028, 7.05692568, 7.04985815, ..., 7.04279774, 7.04985815, 7.05692568]]) In [124]: plt.imshow(z, cmap=plt.cm.gray); plt.colorbar() Out[124]: <matplotlib.colorbar.Colorbar at 0x10bf048d0> In [125]: plt.title("Image plot of $\sqrt{x^2 + y^2}$ for a grid of values") Out[125]: <matplotlib.text.Text at 0x106ce8a20> In [126]: xarr = np.array([1.1, 1.2, 1.3, 1.4, 1.5]) In [127]: yarr = np.array([2.1, 2.2, 2.3, 2.4, 2.5]) In [128]: cond = np.array([True, False, True, True, False]) In [129]: result = [(x if c else y) .....: for x, y, c in zip(xarr, yarr, cond)] In [130]: result Out[130]: [1.1000000000000001, 2.2000000000000002, 1.3, 1.3999999999999999, 2.5] In [131]: result = np.where(cond, xarr, yarr) In [132]: result Out[132]: array([ 1.1, 2.2, 1.3, 1.4, 2.5]) In [133]: plt.title("Image plot of $\sqrt{x^2 + y^2}$ for a grid of values") Out[133]: <matplotlib.text.Text at 0x106ce8a20> In [134]: plt.show()
Slide In Login - jQuery
http://s.codepen.io/dillonbrady/debug/qOxWpe
I thought this would make a solid login template.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Slide in Login Screen</title> <script src="jquery-1.7.2.min.js"></script> <style> body { margin-top: 60px; margin-left: 20px; background-color: #FFB394; } #login { width: 300px; position: absolute; left: 60%; top: 6px; z-index: 100; } #open { margin: 0; cursor: pointer; background: rgb(255,255,255) url(http://i.imgur.com/F6bS49X.png) no-repeat 8px 7px; color: rgb(58,80,123); padding: 5px 0 2px 30px; } #login .close { background-image: url(http://i.imgur.com/SeQHgKE.png); background-color: #CCCCFF; } #open:hover { color: rgb(0,0,0); background-color: #CCCCFF; } #login form { padding: 10px 10px 10px 10px; display: none; background-color: rgb(255,255,255); } #login label { display: inline-block; width: 100px; text-align:right; margin: 0 15px 0 0; color: rgb(58,80,123); } #login input { font-size: 14px; } #login #button { margin-left: 50px; } </style> <script> $(document).ready(function() { $('#open').click(function() { $('#login form').slideToggle(300); $(this).toggleClass('close'); }); // end click }); // end ready </script> </head> <body> <div class="wrapper"> <div class="header"> </div> <div id="login"> <p id="open">Login</p> <form> <p> <label for="username">Username:</label> <input type="text" name="username" id="username"> </p> <p> <label for="password">Password: </label> <input type="text" name="password" id="password"> </p> <p> <input type="submit" name="button" id="button" value="Submit" > </p> </form> </div> <div class="content"> <div class="main"> <h1>Slide in Login Screen</h1> <p>Click the login button at the top of the page</p> </div> </div> <div class="footer"> </div> </div> </body> </html>
Python - Parking Tickets per Weekday in Toronto 2014
Dillons-MacBook-Air:~ dillonebrady$ cd Documents Dillons-MacBook-Air:Documents dillonebrady$ cd parking_tickets_2014 Dillons-MacBook-Air:parking_tickets_2014 dillonebrady$ ls Parking_Tags_Data_2014_1.csv Parking_Tags_Data_2014_3.csv Parking_Tags_Data_2014_2.csv Parking_Tags_Data_2014_4.csv Dillons-MacBook-Air:parking_tickets_2014 dillonebrady$ python Python 3.4.3 |Anaconda 2.3.0 (x86_64)| (default, Mar 6 2015, 12:07:41) [GCC 4.2.1 (Apple Inc. build 5577)] on darwin Type "help", "copyright", "credits" or "license" for more information. >>> import pandas as pd >>> import datetime as dt >>> df = pd.read_csv('Parking_Tags_Data_2014_1.csv') >>> df tag_number_masked date_of_infraction infraction_code \ 0 ***68436 20140101 134 1 ***15940 20140101 192 2 ***90323 20140101 9 3 ***90324 20140101 8 4 ***90325 20140101 8 5 ***90326 20140101 8 6 ***90327 20140101 8 7 ***90328 20140101 15 8 ***85281 20140101 9 9 ***66951 20140101 5 10 ***97747 20140101 3 11 ***16311 20140101 3 12 ***66952 20140101 9 13 ***16212 20140101 3 14 ***16213 20140101 3 15 ***39177 20140101 30 16 ***57197 20140101 5 17 ***16214 20140101 3 18 ***15941 20140101 192 19 ***66953 20140101 192 20 ***90329 20140101 15 21 ***85282 20140101 5 22 ***27041 20140101 15 23 ***59477 20140101 5 24 ***59478 20140101 5 25 ***57198 20140101 5 26 ***39178 20140101 30 27 ***57199 20140101 82 28 ***66463 20140101 8 29 ***85283 20140101 82 ... ... ... ... 749970 ***68436 20140422 29 749971 ***61725 20140422 3 749972 ***67161 20140422 29 749973 ***68437 20140422 407 749974 ***61726 20140422 3 749975 ***50141 20140422 29 749976 ***64536 20140422 3 749977 ***61727 20140422 3 749978 ***08898 20140422 29 749979 ***61728 20140422 3 749980 ***50142 20140422 406 749981 ***56205 20140422 29 749982 ***67162 20140422 29 749983 ***68438 20140422 406 749984 ***26019 20140422 3 749985 ***64537 20140422 3 749986 ***83602 20140422 29 749987 ***85161 20140422 3 749988 ***97157 20140422 29 749989 ***10964 20140422 29 749990 ***37830 20140422 3 749991 ***67163 20140422 29 749992 ***68439 20140422 29 749993 ***82381 20140422 3 749994 ***82382 20140422 3 749995 ***10965 20140422 29 749996 ***67164 20140422 29 749997 ***68440 20140422 406 749998 ***08899 20140422 29 749999 ***85162 20140422 3 infraction_description set_fine_amount time_of_infraction \ 0 PARK IN PUBLIC LANE 30 0 1 STAND SIGNED TRANSIT STOP 60 2 2 STOP SIGNED HWY PRO TIMES/DAYS 60 3 3 STAND SIGN HWY PRO TIMES/DAYS 60 5 4 STAND SIGN HWY PRO TIMES/DAYS 60 6 5 STAND VEH-HWY-PROH TIME/DAYS 60 10 6 STAND VEH-HWY-PROH TIME/DAYS 60 11 7 PARK - 3 M OF FIRE HYDRANT 100 18 8 STOP HWY PROHIBITED TIME/DAY 60 18 9 PARK HWY PROHIBED TIME/DAY 40 20 10 PARK/LEAVE ON PRIVATE PROPERTY 30 21 11 PARK/LEAVE ON PRIVATE PROPERTY 30 21 12 STOP HWY PROHIBITED TIME/DAY 60 23 13 PARK/LEAVE ON PRIVATE PROPERTY 30 32 14 PARK/LEAVE ON PRIVATE PROPERTY 30 33 15 STOP ON/OVER SIDEWALK/FOOTPATH 60 33 16 PARK HWY PROHIBED TIME/DAY 40 34 17 PARK/LEAVE ON PRIVATE PROPERTY 30 34 18 STAND SIGNED TRANSIT STOP 60 40 19 STAND SIGNED TRANSIT STOP 60 40 20 PARK - 3 M OF FIRE HYDRANT 100 40 21 PARK HWY PROHIBED TIME/DAY 40 40 22 PARK 3M OF FIRE HYDRANT 100 41 23 PARK HWY PROHIBED TIME/DAY 40 42 24 PARK HWY PROHIBED TIME/DAY 40 43 25 PARK HWY PROHIBED TIME/DAY 40 45 26 STOP ON/OVER SIDEWALK/FOOTPATH 60 48 27 PARK-PASSENGER/FREIGHT LOADING 40 49 28 STAND VEH-HWY-PROH TIME/DAYS 60 49 29 PARK-PASSENGER/FREIGHT LOADING 40 49 ... ... ... ... 749970 PARK PROHIBITED TIME NO PERMIT 30 218 749971 PARK/LEAVE ON PRIVATE PROPERTY 30 219 749972 PARK PROHIBITED TIME NO PERMIT 30 219 749973 PARK-W/O VALID NON-ONT PLATE 40 219 749974 PARK/LEAVE ON PRIVATE PROPERTY 30 220 749975 PARK PROHIBITED TIME NO PERMIT 30 220 749976 PARK/LEAVE ON PRIVATE PROPERTY 30 220 749977 PARK/LEAVE ON PRIVATE PROPERTY 30 221 749978 PARK PROHIBITED TIME NO PERMIT 30 221 749979 PARK/LEAVE ON PRIVATE PROPERTY 30 222 749980 PARK-VEH. W/O VALID ONT PLATE 40 222 749981 PARK PROHIBITED TIME NO PERMIT 30 222 749982 PARK PROHIBITED TIME NO PERMIT 30 222 749983 PARK-VEH. W/O VALID ONT PLATE 40 222 749984 PARK/LEAVE ON PRIVATE PROPERTY 30 223 749985 PARK/LEAVE ON PRIVATE PROPERTY 30 223 749986 PARK PROHIBITED TIME NO PERMIT 30 223 749987 PARK/LEAVE ON PRIVATE PROPERTY 30 224 749988 PARK PROHIBITED TIME NO PERMIT 30 224 749989 PARK PROHIBITED TIME NO PERMIT 30 224 749990 PARK/LEAVE ON PRIVATE PROPERTY 30 225 749991 PARK PROHIBITED TIME NO PERMIT 30 225 749992 PARK PROHIBITED TIME NO PERMIT 30 225 749993 PARK/LEAVE ON PRIVATE PROPERTY 30 226 749994 PARK/LEAVE ON PRIVATE PROPERTY 30 227 749995 PARK PROHIBITED TIME NO PERMIT 30 227 749996 PARK PROHIBITED TIME NO PERMIT 30 227 749997 PARK-VEH. W/O VALID ONT PLATE 40 227 749998 PARK PROHIBITED TIME NO PERMIT 30 228 749999 PARK/LEAVE ON PRIVATE PROPERTY 30 229 location1 location2 location3 location4 province 0 R/O 157 SELLERS AVE NaN NaN ON 1 NR 288 QUEEN ST W NaN NaN ON 2 NR 20 COSBURN AVE NaN NaN ON 3 NR 30 COSBURN AVE NaN NaN ON 4 NR 30 COSBURN AVE NaN NaN ON 5 NR 811 PAPE AVE NaN NaN ON 6 NR 811 PAPE AVE NaN NaN ON 7 NR 100 COSBURN AVE NaN NaN ON 8 NR 17 NELSON ST NaN NaN ON 9 NR 18 PHOEBE ST NaN NaN ON 10 NR 11 BRUNEL CRT NaN NaN ON 11 AT 16 YONGE ST NaN NaN ON 12 NR 18 BEVERLEY ST NaN NaN ON 13 AT 969 EASTERN AVE NaN NaN ON 14 AT 969 EASTERN AVE NaN NaN ON 15 NR 36 SANDY HAVEN DR NaN NaN ON 16 NR 11 WINDSOR ST NaN NaN ON 17 AT 969 EASTERN AVE NaN NaN ON 18 NR 383 QUEEN ST W NaN NaN ON 19 NR 385 QUEEN ST W NaN NaN ON 20 OPP 426 PLAINS RD NaN NaN ON 21 OPP 333 KING ST W NaN NaN ON 22 NR 140 BROADVIEW AVE NaN NaN ON 23 NR 370 PACIFIC AVE NaN NaN AB 24 OPP 383 PACIFIC AVE NaN NaN ON 25 NR 50 JOHN ST NaN NaN ON 26 NR 65 WINTERMUTE BLVD NaN NaN ON 27 NR 51 MERCER ST NaN NaN ON 28 OPP 5336 YONGE ST NaN NaN ON 29 NR 51 MERCER ST NaN NaN ON ... ... ... ... ... ... 749970 NR 1172 SHAW ST NaN NaN MI 749971 AT 50 BRIAN HARRISON WAY NaN NaN ON 749972 OPP 339 MARGUERETTA ST NaN NaN ON 749973 NR 1172 SHAW ST NaN NaN MI 749974 AT 50 BRIAN HARRISON WAY NaN NaN ON 749975 NR 91 SUMMERHILL AVE NaN NaN ON 749976 AT 209 FORT YORK BLVD NaN NaN ON 749977 AT 50 BRIAN HARRISON WAY NaN NaN ON 749978 NR 542 DOVERCOURT RD NaN NaN ON 749979 AT 50 BRIAN HARRISON WAY NaN NaN ON 749980 NR 91 SUMMERHILL AVE NaN NaN ON 749981 NR 64 KINGSWOOD RD NaN NaN ON 749982 OPP 299 MARGUERETTA ST NaN NaN NS 749983 NR 1055 DAVENPORT RD NaN NaN ON 749984 NR 620 MARTIN GROVE RD NaN NaN ON 749985 AT 209 FORT YORK BLVD NaN NaN ON 749986 OPP 311 WHITMORE AVE NaN NaN ON 749987 NaN 2425 FINCH AVE W NaN NaN ON 749988 NR 123 PAULINE AVE NaN NaN ON 749989 NR 506 PERTH AVE NaN NaN ON 749990 NaN 19 EVA RD NaN NaN ON 749991 OPP 269 MARGUERETTA ST NaN NaN ON 749992 NR 41 MARCHMOUNT RD NaN NaN ON 749993 AT 320 RICHMOND ST E NaN NaN ON 749994 AT 320 RICHMOND ST E NaN NaN ON 749995 NR 530 PERTH AVE NaN NaN ON 749996 NR 248 MARGUERETTA ST NaN NaN ON 749997 NR 96 MARCHMOUNT RD NaN NaN ON 749998 NR 907 DOVERCOURT RD NaN NaN ON 749999 NaN 2431 FINCH AVE W NaN NaN ON [750000 rows x 11 columns] >>> df.dtypes tag_number_masked object date_of_infraction int64 infraction_code int64 infraction_description object set_fine_amount int64 time_of_infraction float64 location1 object location2 object location3 object location4 object province object dtype: object >>> pd.isnull(df['date_of_infraction']).value_counts() False 750000 dtype: int64 >>> date_format = '%Y%m%d' >>> def create_weekday(x): ... d = dt.datetime.strptime(str(x['date_of_infraction']), date_format) ... return d.strftime('%A') ... >>> df['weekday'] = df.apply(create_weekday, axis=1) weekday_counts = df['weekday'].value_counts() weekday_counts >>> weekday_counts = df['weekday'].value_counts() >>> weekday_counts Thursday 117803 Friday 117186 Saturday 113305 Tuesday 110598 Wednesday 105149 Monday 105022 Sunday 80937 dtype: int64 >>> weekdays = pd.DataFrame({ 'label': weekday_counts.keys(), 'count': weekday_counts.values }) >>> weekdays count label 0 117803 Thursday 1 117186 Friday 2 113305 Saturday 3 110598 Tuesday 4 105149 Wednesday 5 105022 Monday 6 80937 Sunday >>> weekdays = weekdays.reindex_axis(sorted(weekdays.columns, reverse=True), axis=1) >>> weekdays label count 0 Thursday 117803 1 Friday 117186 2 Saturday 113305 3 Tuesday 110598 4 Wednesday 105149 5 Monday 105022 6 Sunday 80937 >>> weekdays = weekdays.reindex_axis([4,3,1,0,2,5,6], axis=0) >>> weekdays label count 4 Wednesday 105149 3 Tuesday 110598 1 Friday 117186 0 Thursday 117803 2 Saturday 113305 5 Monday 105022 6 Sunday 80937 >>> weekdays = weekdays.reindex_axis([5,3,4,0,1,2,6], axis=0) >>> weekdays label count 5 Monday 105022 3 Tuesday 110598 4 Wednesday 105149 0 Thursday 117803 1 Friday 117186 2 Saturday 113305 6 Sunday 80937 >>> weekdays.to_csv('weekdays.csv', index=False)
Frequencies of Different Feeds in Chicken Dataset (chickwts) R
require("datasets") ?chickwts data(chickwts) plot(chickwts$feed) feeds <- table(chickwts$feed) feeds barplot(feeds) ?barplot barplot(feeds[order(feeds, decreasing = TRUE)]) # You can order one variable by another par(oma = c(1, 1, 1, 1)) # Sets outside margins par(mar = c(4, 5, 2, 1)) # Sets plot margins barplot(feeds[order(feeds)], horiz = TRUE, las = 1, col = c("beige", "blanchedalmond", "bisque1", "bisque2", "bisque3", "bisque4"), border = NA, main = "Frequencies of Different Feeds\nin Chicken (chickwts) Dataset", xlab = "Number of Chicks")
http://codepen.io/dillonbrady/full/dMKbyN/
<html><body style="overflow: hidden; background: DarkSeaGreen; font-size: 20px;"> <div class="pineapple" style="width:131px; margin: 235px 157px; height: 203px; border-radius: 50% 50% 43% 43%; background-color:yellow; position: absolute;"> <div class="texture" style="width: 200px; margin: 4px 33px; color: brown;">/ / / / / / <div style="width: 200px; margin: -8px -15.5px; color: green;">/ / / / / / / / / <div style="width:200px;margin:-8px -1.5px;color:orange;">/ / / / / / / / / / <div style="width:200px;margin:-8px -13.3px;color:brown;">/ / / / / / / / / / / / <div style="width:200px;margin:-8px 3.2px;color:green;">/ / / / / / / / / / / / <div style="width:200px;margin:-8px -6.8px;color:orange;">/ / / / / / / / / / / / / <div style="width:200px;margin:-8px 5px;color:brown;">/ / / / / / / / / / / / <div style="width:200px;margin:-8px -2.5px;color:green;">/ / / / / / / / / / / / <div style="width:200px;margin:-8px 5.2px;color:orange;">/ / / / / / / / / / / / <div style="width:200px;margin:-8px 6.1px;color:brown;">/ / / / / / / / / / <div style="width:200px;margin:-8px 9.7px;color:green;">/ / / / / / / / / <div style="width:200px;margin:-8px 21px;color:orange;">/ / / / / </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="texture_2" style="width: 200px; margin: -200px 0 0 -103px; color: green; transform: scaleX(-1); -webkit-transform: scaleX(-1);">/ / / / / / <div style="width: 200px; margin: -8px -15px; color: orange;">/ / / / / / / / / <div style="width:200px;margin:-8px -1.5px;color:brown;">/ / / / / / / / / / <div style="width:200px;margin:-8px -14.3px;color:green;">/ / / / / / / / / / / / <div style="width:200px;margin:-8px 3.5px;color:orange;">/ / / / / / / / / / / / <div style="width:200px;margin:-8px -1.5px;color:brown;">/ / / / / / / / / / / / <div style="width:200px;margin:-8px -5.5px;color:green;">/ / / / / / / / / / / / / <div style="width:200px;margin:-8px 2px;color:orange;">/ / / / / / / / / / / / <div style="width:200px;margin:-8px 5.3px;color:brown;">/ / / / / / / / / / / / <div style="width:200px;margin:-8px 6px;color:green;">/ / / / / / / / / / <div style="width:200px;margin:-8px 9px;color:orange;">/ / / / / / / / / <div style="width:200px;margin:-8px 22px;color:brown;">/ / / / / </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="pineappleshadow"></div> <div class="topshadow" style="margin: 315px 380px; z-index: -1; transform: rotate(-110deg); -webkit-transform: rotate(-110deg); position: absolute; background-color: grey;"> <div class="shadow _1" style="position:absolute;top:50%;left:50%;margin-left:-2em;background-color:grey;z-index:1;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:25%;left:50%;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.6s !important;animation-delay:-1.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.8s !important;animation-delay:-1.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s !important;animation-delay:-2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.2s !important;animation-delay:-2.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.4s !important;animation-delay:-2.4s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.6s !important;animation-delay:-2.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.8s !important;animation-delay:-2.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3s !important;animation-delay:-3s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.2s !important;animation-delay:-3.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.4s !important;animation-delay:-3.4s !important;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shadow _2" style="position:absolute;top:50%;left:50%;margin-left:-2em;background-color:grey;z-index:2;-webkit-transform:translateY(2em) rotate(-130deg);transform:translateY(2em) rotate(-130deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:25%;left:50%;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.6s !important;animation-delay:-1.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.8s !important;animation-delay:-1.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s !important;animation-delay:-2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.2s !important;animation-delay:-2.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.4s !important;animation-delay:-2.4s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.6s !important;animation-delay:-2.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.8s !important;animation-delay:-2.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3s !important;animation-delay:-3s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.2s !important;animation-delay:-3.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.4s !important;animation-delay:-3.4s !important;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shadow _3" style="position:absolute;top:50%;left:50%;margin-left:-2em;background-color:grey;z-index:3;-webkit-transform:translateY(1em) rotate(-110deg);transform:translateY(1em) rotate(-110deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:25%;left:50%;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.6s !important;animation-delay:-1.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.8s !important;animation-delay:-1.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s !important;animation-delay:-2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.2s !important;animation-delay:-2.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.4s !important;animation-delay:-2.4s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.6s !important;animation-delay:-2.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.8s !important;animation-delay:-2.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3s !important;animation-delay:-3s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.2s !important;animation-delay:-3.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.4s !important;animation-delay:-3.4s !important;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shadow _4" style="position:absolute;top:50%;left:50%;margin-left:-2em;background-color:grey;z-index:4;-webkit-transform:translateX(1.75em) translateY(2em) rotate(-170deg);transform:translateX(1.75em) translateY(2em) rotate(-170deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:25%;left:50%;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.6s !important;animation-delay:-1.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.8s !important;animation-delay:-1.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s !important;animation-delay:-2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.2s !important;animation-delay:-2.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.4s !important;animation-delay:-2.4s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.6s !important;animation-delay:-2.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.8s !important;animation-delay:-2.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3s !important;animation-delay:-3s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.2s !important;animation-delay:-3.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.4s !important;animation-delay:-3.4s !important;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shadow _5" style="position:absolute;top:50%;left:50%;margin-left:-2em;background-color:grey;z-index:1;-webkit-transform:translateX(4em) rotateY(180deg) rotate(-90deg);transform:translateX(4em) rotateY(180deg) rotate(-90deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:25%;left:50%;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.6s !important;animation-delay:-1.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.8s !important;animation-delay:-1.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s !important;animation-delay:-2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.2s !important;animation-delay:-2.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.4s !important;animation-delay:-2.4s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.6s !important;animation-delay:-2.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.8s !important;animation-delay:-2.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3s !important;animation-delay:-3s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.2s !important;animation-delay:-3.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.4s !important;animation-delay:-3.4s !important;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shadow _6" style="position:absolute;top:50%;left:50%;margin-left:-2em;background-color:grey;z-index:2;-webkit-transform:translateX(4em) translateY(2em) rotateY(180deg) rotate(-130deg);transform:translateX(4em) translateY(2em) rotateY(180deg) rotate(-130deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:25%;left:50%;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.6s !important;animation-delay:-1.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.8s !important;animation-delay:-1.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s !important;animation-delay:-2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.2s !important;animation-delay:-2.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.4s !important;animation-delay:-2.4s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.6s !important;animation-delay:-2.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.8s !important;animation-delay:-2.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3s !important;animation-delay:-3s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.2s !important;animation-delay:-3.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.4s !important;animation-delay:-3.4s !important;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shadow _7" style="position:absolute;top:50%;left:50%;margin-left:-2em;background-color:grey;z-index:3;-webkit-transform:translateX(4em) rotateY(180deg) translateY(1em) rotate(-110deg);transform:translateX(4em) rotateY(180deg) translateY(1em) rotate(-110deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:25%;left:50%;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.6s !important;animation-delay:-1.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.8s !important;animation-delay:-1.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s !important;animation-delay:-2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.2s !important;animation-delay:-2.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.4s !important;animation-delay:-2.4s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.6s !important;animation-delay:-2.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.8s !important;animation-delay:-2.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3s !important;animation-delay:-3s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.2s !important;animation-delay:-3.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.4s !important;animation-delay:-3.4s !important;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shadow _8" style="position:absolute;top:50%;left:50%;margin-left:-2em;background-color:grey;z-index:4;-webkit-transform:translateX(3em) rotateY(180deg) translateY(2em) rotate(-150deg);transform:translateX(3em) rotateY(180deg) translateY(2em) rotate(-150deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:25%;left:50%;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.6s !important;animation-delay:-1.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-1.8s !important;animation-delay:-1.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2s !important;animation-delay:-2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.2s !important;animation-delay:-2.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.4s !important;animation-delay:-2.4s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.6s !important;animation-delay:-2.6s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-2.8s !important;animation-delay:-2.8s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3s !important;animation-delay:-3s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.2s !important;animation-delay:-3.2s !important;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:#607D5E;box-shadow:0.1em -0.8em 0 #607D5E inset, 0 0 0 0.3em #607D5E inset;position:absolute;top:auto;left:auto;-webkit-animation:rot 3s ease-in-out alternate infinite;animation:rot 3s ease-in-out alternate infinite;bottom:1em;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation-delay:-3.4s !important;animation-delay:-3.4s !important;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="top" style="margin: 225px; z-index: 1; transform: scaleY(-1); -webkit-transform: scaleY(-1); position: absolute;"> <div class="tentacle _1" style="position:absolute;top:50%;left:50%;margin-left:-2em;z-index:1;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:25%;left:50%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tentacle _2" style="position:absolute;top:50%;left:50%;margin-left:-2em;z-index:2;-webkit-transform:translateY(2em) rotate(-130deg);transform:translateY(2em) rotate(-130deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:25%;left:50%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1.5s;animation-delay:-1.5s;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tentacle _3" style="position:absolute;top:50%;left:50%;margin-left:-2em;z-index:3;-webkit-transform:translateY(1em) rotate(-110deg);transform:translateY(1em) rotate(-110deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:25%;left:50%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tentacle _4" style="position:absolute;top:50%;left:50%;margin-left:-2em;z-index:4;-webkit-transform:translateX(1.75em) translateY(2em) rotate(-170deg);transform:translateX(1.75em) translateY(2em) rotate(-170deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:25%;left:50%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tentacle _5" style="position:absolute;top:50%;left:50%;margin-left:-2em;z-index:1;-webkit-transform:translateX(4em) rotateY(180deg) rotate(-90deg);transform:translateX(4em) rotateY(180deg) rotate(-90deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:25%;left:50%;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-0.5s;animation-delay:-0.5s;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tentacle _6" style="position:absolute;top:50%;left:50%;margin-left:-2em;z-index:2;-webkit-transform:translateX(4em) translateY(2em) rotateY(180deg) rotate(-130deg);transform:translateX(4em) translateY(2em) rotateY(180deg) rotate(-130deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:25%;left:50%;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2.5s;animation-delay:-2.5s;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tentacle _7" style="position:absolute;top:50%;left:50%;margin-left:-2em;z-index:3;-webkit-transform:translateX(4em) rotateY(180deg) translateY(1em) rotate(-110deg);transform:translateX(4em) rotateY(180deg) translateY(1em) rotate(-110deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:25%;left:50%;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tentacle _8" style="position:absolute;top:50%;left:50%;margin-left:-2em;z-index:4;-webkit-transform:translateX(3em) rotateY(180deg) translateY(2em) rotate(-150deg);transform:translateX(3em) rotateY(180deg) translateY(2em) rotate(-150deg);"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:25%;left:50%;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> <div style="font-size:0.9em;height:3em;width:1em;border-radius:100% 100%;background:darkgreen;box-shadow:0.1em -0.8em 0 green inset, 0 0 0 0.3em green inset;position:absolute;top:auto;left:auto;bottom:1em;right:0;-webkit-animation-delay:-2s;animation-delay:-2s;"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body></html>