My pure CSS portfolio website is all here!
Hi, I'm Lego! Front-end monstro with layout, coding and graphics passions! Based on Donetsk, Ukraina
Hi, I'm Lego! Front-end monstro with layout, coding and graphics passions! Based on Donetsk, Ukraina
<html>
<head>
<title id="main_title">Lego Mushroom</title>
<!--:::-->
<meta id="description" name="description" content="Lego Mushroom's page." />
<!--:::-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="icons/favicon.png" type="image/x-icon"/>
<!-- css -->
<link rel="stylesheet" href="css/main.min.css" type="text/css" media="screen"/>
<!-- end css -->
<meta http-equiv="Content-Language" content="en" />
</head>
<!--[if IE 6]><body class="ie6"><![endif]-->
<!--[if IE 7]><body class="ie7"><![endif]-->
<!--[if IE 8]><body class="ie8"><![endif]-->
<!--[if gt IE 8]><body class="ie9"><![endif]-->
<!--[if gt IE 9]><body class="ie10"><![endif]-->
<!--[if !IE]><!-->
<body>
<!--<![endif]-->
<div id="balloon_holder">
<a id="balloons_text" href="#">
This website is pure CSS! Yeap, no images or javascript at all!
</a>
<div class="balloon">
<div id="glimps"></div>
</div>
<div class="balloon2">
<div id="glimps"></div>
</div>
</div>
<div id="fish_holder">
<div id="fish">
<div id="flippers"></div>
<div id="left_eye"></div>
<div id="right_eye"></div>
<div id="body"></div>
<div id="body2"></div>
<div id="body3"></div>
<div id="tale"></div>
</div>
</div>
<div id="fish_holder2">
<div id="fish">
<div id="flippers"></div>
<div id="left_eye"></div>
<div id="right_eye"></div>
<div id="body"></div>
<div id="body2"></div>
<div id="body3"></div>
<div id="tale"></div>
</div>
</div>
<a href="http://codepen.io/sol0mka" id="layout">LAYOUT</a>
<p id="coding">CODING</p>
<a href="http://society6.com/legomushroom" id="graphics">GRAPHICS</a>
<input type="checkbox" id="coding_launcher" />
<input type="checkbox" id="graphics_launcher" />
<div id="graphics_back">
<div id="close"></div>
<div id="gradient"></div>
</div>
<div id="graphics">
<!-- Slider Setup -->
<input checked type="radio" name="slider" id="slide1" />
<input type="radio" name="slider" id="slide2" />
<input type="radio" name="slider" id="slide3" />
<input type="radio" name="slider" id="slide4" />
<input type="radio" name="slider" id="slide5" />
<input type="radio" name="slider" id="slide6" />
<input type="radio" name="slider" id="slide7" />
<input type="radio" name="slider" id="slide8" />
<input type="radio" name="slider" id="slide9" />
<input type="radio" name="slider" id="slide10" />
<input type="radio" name="slider" id="slide11" />
<input type="radio" name="slider" id="slide12" />
<input type="radio" name="slider" id="slide13" />
<input type="radio" name="slider" id="slide14" />
<input type="radio" name="slider" id="slide15" />
<input type="radio" name="slider" id="slide16" />
<!-- The Slider -->
<div id="slides">
<div id="overflow">
<div class=inner>
<article>
<div class=info><h3>game it!</h3></div>
<img src="http://legomushroom.com/images/1/0.jpg" />
</article>
<article>
<div class=info><h3>YALU 'n' Roll typography</h3>></div>
<img src="http://legomushroom.com/images/1/1.jpg" />
</article>
<article>
<div class=info><h3>365 gift shop identity</h3></div>
<img src="http://legomushroom.com/images/1/18.jpg" />
</article>
<article>
<div class=info><h3>Goodwin's apartment concert poster</h3></div>
<img src="http://legomushroom.com/images/1/7.jpg" />
</article>
<article>
<div class=info><h3>sol0mka typo concept</h3></div>
<img src="http://legomushroom.com/images/1/14.jpg" />
</article>
<article>
<div class=info><h3>YALU I will eat you! Cookie typografy</h3></div>
<img src="http://legomushroom.com/images/1/8.jpg" />
</article>
<article>
<div class=info><h3>sol0mka typo concept</h3></div>
<img src="http://legomushroom.com/images/1/2.jpg" />
</article>
<article>
<div class=info><h3>amsterdam fascination</h3></div>
<img src="http://legomushroom.com/images/1/5.jpg" />
</article>
<article>
<div class=info><h3>YALU drink me all! Milk typography</h3></div>
<img src="http://legomushroom.com/images/1/3.jpg" />
</article>
<article>
<div class=info><h3>sol0mka typo concept</h3></div>
<img src="http://legomushroom.com/images/1/6.jpg" />
</article>
<article>
<div class=info><h3>sol0mka typo concept</h3></div>
<img src="http://legomushroom.com/images/1/13.jpg" />
</article>
<article>
<div class=info><h3>Self portrait</h3></div>
<img src="http://legomushroom.com/images/1/9.jpg" />
</article>
<article>
<div class=info><h3>Be like a bee iluustration</h3></div>
<img src="http://legomushroom.com/images/1/10.jpg" />
</article>
<article>
<div class=info><h3>sauro kiotoki identity concept</h3></div>
<img src="http://legomushroom.com/images/1/16.jpg" />
</article>
<article>
<div class=info><h3>sauro kiotoki identity concept</h3></div>
<img src="http://legomushroom.com/images/1/4.jpg" />
</article>
<article>
<div class=info><h3>sauro kiotoki identity concept</h3></div>
<img src="http://legomushroom.com/images/1/17.jpg" />
</article>
</div> <!-- .inner -->
</div> <!-- #overflow -->
</div> <!-- #slides -->
<!-- Controls and Active Slide Display -->
<div id="controls">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
<label for="slide5"></label>
<label for="slide6"></label>
<label for="slide7"></label>
<label for="slide8"></label>
<label for="slide9"></label>
<label for="slide10"></label>
<label for="slide11"></label>
<label for="slide12"></label>
<label for="slide13"></label>
<label for="slide14"></label>
<label for="slide15"></label>
</div> <!-- #controls -->
<div id="active">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
<label for="slide5"></label>
<label for="slide6"></label>
<label for="slide7"></label>
<label for="slide8"></label>
<label for="slide9"></label>
<label for="slide10"></label>
<label for="slide11"></label>
<label for="slide12"></label>
<label for="slide13"></label>
<label for="slide14"></label>
<label for="slide15"></label>
</div> <!-- #active -->
<div id="social_panel">
<a href="http://dribbble.com/">dribbble</a>
<a href="http://society6.com/legomushroom/">society6</a>
</div>
</div>
<div id="coding">
<div id="close" title="close"></div>
<br />
<br />
<pre class="prettyprint lang-coffee" id="out"><span class="pln"> </span><span class="com"># About me # </span><span class="pln">
</span><span class="kwd">class</span><span class="pln"> </span><span class="pln">LegoMushroom</span><span class="pln">
</span><span class="com"># it's me </span><span class="atn">
constructor</span><span class="tag">:</span><span class="atv">()</span><span class="kwd">-></span><span class="pln">
</span><span class="pln">@name</span><span class="pln"> </span><span class="tag">=</span><span class="pln"> </span><span class="str">'Oleg Solomka'</span><span class="pln"> </span><span class="com"># this is my name </span><span class="pln">
</span><span class="pln">@location</span><span class="pln"> </span><span class="tag">=</span><span class="pln"> </span><a href="http://ukraine2012.gov.ua/en/photo/45016.html" class="str">'Donetsk, Ukraina'</a><span class="pln"> </span><span class="com"># I was born here </span><span class="pln">
</span><span class="pln">@education</span><span class="pln"> </span><span class="tag">=</span><span class="pln"> </span><a href="http://masters.donntu.edu.ua/2010/fknt/solomka/diss/indexe.htm" class="str">'Comuter science and technology master\'s degree'</a><span class="pln"> </span><span class="com"># my scientific labor and middle ages website 0)</span>
<span class="pln">@contact</span> <span class="tag">=</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
email</span><span class="pun">:</span><span class="pln"> </span><a href="mailtp:legomushroom@gmail.com" class="str">'legomushroom@gmail.com'</a> <a href="mailto:mailtolego@gmail.com" class="com"># or 'mailtolego@gmail.com' </a><span class="pln">
skype</span><span class="pun">:</span> <a href="skype:sol0mka888" class="str">'sol0mka88'</a> </span><span class="com"># call me </span><span class="pln">
github</span><span class="pun">:</span> <a href="https://github.com/sol0mka" class="str">'github.com/sol0mka'</a> </span><span class="com"># octo kitty </span>
<span class="pun">}</span><span class="pln">
</span><span class="kwd">class</span> <span class="pln">MySkills</span><span class="pln"> </span><span class="tag">extends</span> <span class="atn">LegoMushroom</span>
<span class="pln">@frontEnd</span> <span class="tag">=</span><span class="atn">
JS </span><span class="pun">:</span><span class="pln"> </span><span class="pun">[</span>
<a href="http://vanilla-js.com/" class="str">'Vanilla/Plain/Native JS'</a><span class="pun">,</span> <a href="http://www.coffeescript.org" class="str">'CoffeeScript'</a> <span class="com"># coffeescript shines </span>
<a href="http://www.jquery.com" class="str">'JQuery'</a><span class="pun">,</span> <a href="http://jquerymobile.com/" class="str">'JQuery Mobile'</a><span class="pun">,</span> <a href="http://requirejs.org/" class="str">'RequireJS'</a><span class="pun">,</span> <a href="https://github.com/tbranyen/use.js" class="str">'UseJS'</a> <span class="com"># basic tools </span>
<a href="http://backbonejs.org/" class="str">'Backbone'</a><span class="pun">,</span> <a href="http://knockoutjs.com/" class="str">'Knockout'</a><span class="pun">,</span> <a href="http://kmalakoff.github.com/knockback/" class="str">'Knockback'</a><span class="pun">,</span> <a href="http://underscorejs.org/" class="str">'Underscore'</a><span class="pln"></span><span class="com"># MVC, MVVM, MVC + MVVM </span>
<a href="http://handlebarsjs.com/" class="str">'HandleBars'</a><span class="pun">,</span> <a href="http://mustache.github.com/" class="str">'Mustache'</a><span class="pun">,</span> <a href="http://modernizr.com/" class="str">'modernizr'</a> <span class="com"># </span><span class="pln">
</span><span class="pun">]</span><span class="atn">
HTML_CSS </span><span class="pun">:</span><span class="pln"> </span><span class="pun">[</span>
<a href="http://www.w3.org/TR/2011/WD-html5-20110525/" class="str">'HTML5'</a><span class="pun">,</span> <a href="http://www.w3.org/XML/" class="str">'XML'</a><span class="pun">,</span> <a href="http://www.w3.org/TR/CSS/" class="str">'CSS3'</a><span class="pun">,</span><a href="http://learnboost.github.com/stylus/" class="str">'Stylus'</a><span class="pun">,</span> <a href="http://lesscss.org/" class="str">'{LESS}'</a> <span class="com"># I fond of Stylus </span>
<a href="http://twitter.github.com/bootstrap/" class="str">'Twitter bootstrap'</a><span class="pun">,</span> <a href="http://zen-coding.ru/" class="str">'ZenCodng / Emmet'</a> <span class="com"># ZenCoding -> Emmet </span>
<span class="pun">]</span>
<span class="pln">@backEnd</span><span class="pln"> </span><span class="tag">=</span><span class="atn">
PHP </span><span class="pun">:</span> <span class="pun">[</span>
<a href="http://laravel.com/" class="str">'Laravel'</a><span class="pln"> </span><span class="com"># a framework for web artisans </span>
<span class="pun">]</span>
<span class="atn">Python</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="pun">[</span> <span class="com"># Monty Python's</span>
<a href="http://bottlepy.org/docs/dev/" class="str">'Bottle'</a> <span class="com"># Python Web Framework</span><span class="pln">
</span><span class="pun">]</span>
<span class="atn">DataBase</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="pun">[</span>
<a href="http://www.mysql.com/" class="str">'MySQL'</a><span class="pun">,</span> <a href="http://www.mongodb.org/" class="str">'MongoDB'</a> <span class="com"># tools to save and retrieve </span>
<span class="pun">]</span>
<span class="pln">@other</span> <span class="tag">=</span><span class="pln"> </span><span class="pun">[</span>
<a href="http://git-scm.com/" class="str">'Git'</a><span class="pun">,</span><a href="http://www.adobe.com/ua/products/photoshopfamily.html" class="str">'Photoshop'</span><span class="pun">,</span> <a href="http://www.adobe.com/ua/products/photoshopfamily.html" class="str">'Illustrator'</a> <span class="com"># they are last just by order, not significance </span><span class="pln">
</span><span class="pun">]</span>
</pre>
</div>
<div id="tiny_clouds">
<div id="rounds3"></div>
<div id="rounds"></div>
<div id="rounds2"></div>
</div>
<div id="text">
<h1>Hi, I'm <span id="two">LEGO</span>!</h1>
<p>front
<span id="text_star" data-icon="""></span>
end monstro</p>
<div id="passions">
<span>with
,
<br />
and
passions</span>
</div>
<div id="contact" align="center">
<a id="contact" href="mailto:legomushroom@gmail.com" data-icon="#"> legomushroom@gmail.com</a>
<a id="contact" href="skype:sol0mka88" data-icon="!"> sol0mka88</a>
</div>
</p>
</div>
<div id="lab_wrapper">
<div id="lab_launcher"><a href="http://lab.legomushroom.com">Laboratory</a></div>
<div id="octopus">
<div id="octo_eye">
<div id="pupil"></div>
<div id="pupil_inner"></div>
</div>
<div id="tentacle3">
<div id="part_one"></div>
<div id="suckers">
<div id="suckerNum_wrapper">
<div id="sucker1"></div>
<div id="sucker2"></div>
<div id="sucker3"></div>
<div id="sucker4"></div>
</div>
<div id="suckerNum_wrapper2">
<div id="sucker2"></div>
<div id="sucker4"></div>
</div>
<div id="sucker_temp2">
<div id="part1"></div>
<div id="part2"></div>
<div id="part3"></div>
</div>
</div>
</div>
<div id="tentacle2">
<div id="part_one"></div>
<div id="suckers">
<div id="suckerNum_wrapper">
<div id="sucker2"></div>
<div id="sucker3"></div>
<div id="sucker4"></div>
</div>
<div id="sucker_temp2">
<div id="part1"></div>
<div id="part2"></div>
<div id="part3"></div>
</div>
</div>
</div>
<div id="tentacle1">
<div id="suckers">
<div id="sucker1"></div>
<div id="sucker2"></div>
<div id="sucker3"></div>
<div id="sucker4"></div>
<div id="sucker_temp1">
<div id="part1"></div>
<div id="part2"></div>
<div id="part3"></div>
</div>
<div id="sucker_temp2">
<div id="part1"></div>
<div id="part2"></div>
<div id="part3"></div>
</div>
</div>
<div id="part_one"></div>
<div id="part_two"></div>
<div id="part_three"></div>
</div>
<div id="glove"></div>
<div id="microscope">
<div id="eye"></div>
<div id="lense"></div>
<div id="circles"></div>
<div id="circles2"></div>
<div id="base_bottom"></div>
<div id="base"></div>
<div id="base2"></div>
<div id="mirror"></div>
<div id="legs"></div>
</div>
<div id="coat">
<div id="collar">
<div id="trempel"></div>
<div id="top"></div>
<div id="right_base"></div>
<div id="collar_right"></div>
<div id="left_base"></div>
<div id="collar_left"></div>
</div>
<div id="pocket"><div id="pens"></div></div>
<div id="button1"></div>
<div id="button2"></div>
<div id="left_arm"></div>
<div id="left_hand"></div>
<div id="right_arm"></div>
<div id="right_hand"></div>
<div id="left_base"></div>
<div id="right_base"></div>
<div id="base_top"></div>
</div>
</div>
</div>
<div id="boat">
<div id="boat_base"></div>
<div id="boat_right_base"></div>
<div id="boat_left_base"></div>
<input id="chicken_launch" type="checkbox" />
<div id="chicken_left_wing"></div>
<div id="chicken_right_wing"></div>
<div id="chicken_holder">
<div id="chicken">
<div id="left_wing"></div>
<div id="right_wing"></div>
<div id="legs">
<div id="left"></div>
<div id="right"></div>
<div id="rope"></div>
<div id="rope_to_twitter"></div>
</div>
<div id="chicken_hair">
<div id="one"></div>
<div id="two"></div>
</div>
<div id="plumage1"></div>
<div id="plumage2"></div>
<div id="plumage3"></div>
<div id="plumage4"></div>
<div id="left_eye"></div>
<div id="right_eye"></div>
<div id="nib_shadow"></div>
<div id="nib"></div>
<div id="twit">
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4fb4033d0a07d6d5"></script>
</div>
</div>
</div>
<div id="aft"></div>
<div id="arm_right"><div id="hand_right"></div></div>
<div id="arm_left"><div id="hand_left"></div></div>
<div id="rod">
<div id="line_circle"></div>
<div id="stick"></div>
<div id="dots"></div>
<div id="top"></div>
<div id="finger1"></div>
<div id="finger2"></div>
<div id="finger3"></div>
<div id="finger4"></div>
<div id="finger5"></div>
<div id="line"></div>
</div>
<div id="finger6"></div>
<div id="leg_right">
<div id="bow_right"></div>
<div id="keds">
<div id="base5"></div>
<div id="base4"></div>
<div id="base3"></div>
<div id="base2"></div>
<div id="base"></div>
<div id="sole"></div>
<div id="cyrcle"><div id="star"></div></div>
<div id="shoelace5"></div>
<div id="shoelace4"></div>
<div id="shoelace3"></div>
<div id="shoelace2"></div>
<div id="shoelace"></div>
<div id="dot"></div>
</div>
</div>
<div id="leg_left">
<div id="bow_left"><div id="finger"></div></div>
</div>
<div id="hair">
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</div>
<div id="lego_body">
<div id="veko">
<div id="up"></div>
<div id="down"></div>
</div>
<div id="hat">
<div id="top"></div>
<div id="stripe"><div id="stripe_square"></div></div>
<div id="base"></div>
<div id="base_line"></div>
</div>
<div id="smile_holder">
<div id="smile">
<div id="mouth_wrapper"><div id="mouth"></div></div>
<div id="base"></div>
</div>
<div id="chicks"></div>
</div>
<div id="smile">
<div id="mouth_wrapper"><div id="mouth"></div></div>
<div id="left">
<div id="dot_1"></div>
<div id="dot_2"></div>
<div id="dot_3"></div>
<div id="dot_4"></div>
<div id="dot_5"></div>
<div id="dot_6"></div>
<div id="dot_7"></div>
<div id="dot_8"></div>
<div id="dot_9"></div>
</div>
<div id="right">
<div id="dot_1"></div>
<div id="dot_2"></div>
<div id="dot_3"></div>
<div id="dot_4"></div>
<div id="dot_5"></div>
<div id="dot_6"></div>
<div id="dot_7"></div>
<div id="dot_8"></div>
<div id="dot_9"></div>
</div>
</div>
<div id="bow_tie">
<div id="left_wing"><div id="glimps"></div></div>
<div id="middle"></div>
<div id="right_wing"><div id="glimps"></div></div>
</div>
<div id="eye" align="center">
<div id="eye_fur">
<div class="fur fur1"></div>
<div class="fur fur2"></div>
</div>
<div id="eye_holder">
<div id="radial"></div>
<div class="cloud"></div>
</div>
<div id="pupil_glimps2"></div>
<div id="pupil_glimps"></div>
<div id="pupil"></div>
</div>
</div>
<div id="boat_middle_left"></div>
<div id="boat_middle_right"></div>
<div id="boat_right_back"></div>
<div id="boat_left_back"></div>
</div>
<div id="sky">
<div id="cloud1">
<div id="rounds"></div>
</div>
<div id="cloud2">
<div id="rounds"></div>
</div>
<div id="cloud3">
<div id="rounds"></div>
</div>
<div id="cloud4">
<div id="rounds"></div>
</div>
</div>
<div id="boat_temp"></div>
<div id="water1">
<div id="water1_1"></div>
<div id="water1_2"></div>
<div id="water1_3"></div>
<div id="water1_4"></div>
<div id="water1_5"></div>
<div id="water1_6"></div>
<div id="water1_7"></div>
<div id="water1_8"></div>
<div id="water1_9"></div>
<div id="water1_10"></div>
<div id="water1_11"></div>
<div id="water1_12"></div>
<div id="frontground"></div>
</div>
<div id="water2">
<div id="water1_1"></div>
<div id="water1_2"></div>
<div id="water1_3"></div>
<div id="water1_4"></div>
<div id="water1_5"></div>
<div id="water1_6"></div>
<div id="water1_7"></div>
<div id="water1_8"></div>
<div id="water1_9"></div>
<div id="water1_10"></div>
<div id="water1_11"></div>
<div id="water1_12"></div>
<div id="frontground"></div>
</div>
<div id="water3">
<div id="water1_1"></div>
<div id="water1_2"></div>
<div id="water1_3"></div>
<div id="water1_4"></div>
<div id="water1_5"></div>
<div id="water1_6"></div>
<div id="water1_7"></div>
<div id="water1_8"></div>
<div id="water1_9"></div>
<div id="water1_10"></div>
<div id="water1_11"></div>
<div id="water1_12"></div>
<div id="frontground"></div>
</div>
<div id="footer"></div>
</body>
</html>
html,
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: bottom;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@-moz-keyframes octo_eye_pupil {
0% {
left: 10px;
top: 10px;
}
25% {
left: 8px;
top: 9px;
}
45% {
left: 8px;
top: 9px;
}
50% {
left: 11px;
top: 10px;
}
70% {
left: 11px;
top: 10px;
}
75% {
left: 9px;
top: 10px;
}
95% {
left: 9px;
top: 10px;
}
100% {
left: 10px;
top: 10px;
}
}
@-webkit-keyframes octo_eye_pupil {
0% {
left: 10px;
top: 10px;
}
25% {
left: 8px;
top: 9px;
}
45% {
left: 8px;
top: 9px;
}
50% {
left: 11px;
top: 10px;
}
70% {
left: 11px;
top: 10px;
}
75% {
left: 9px;
top: 10px;
}
95% {
left: 9px;
top: 10px;
}
100% {
left: 10px;
top: 10px;
}
}
@-o-keyframes octo_eye_pupil {
0% {
left: 10px;
top: 10px;
}
25% {
left: 8px;
top: 9px;
}
45% {
left: 8px;
top: 9px;
}
50% {
left: 11px;
top: 10px;
}
70% {
left: 11px;
top: 10px;
}
75% {
left: 9px;
top: 10px;
}
95% {
left: 9px;
top: 10px;
}
100% {
left: 10px;
top: 10px;
}
}
@-ms-keyframes octo_eye_pupil {
0% {
left: 10px;
top: 10px;
}
25% {
left: 8px;
top: 9px;
}
45% {
left: 8px;
top: 9px;
}
50% {
left: 11px;
top: 10px;
}
70% {
left: 11px;
top: 10px;
}
75% {
left: 9px;
top: 10px;
}
95% {
left: 9px;
top: 10px;
}
100% {
left: 10px;
top: 10px;
}
}
@keyframes octo_eye_pupil {
0% {
left: 10px;
top: 10px;
}
25% {
left: 8px;
top: 9px;
}
45% {
left: 8px;
top: 9px;
}
50% {
left: 11px;
top: 10px;
}
70% {
left: 11px;
top: 10px;
}
75% {
left: 9px;
top: 10px;
}
95% {
left: 9px;
top: 10px;
}
100% {
left: 10px;
top: 10px;
}
}
@-moz-keyframes octo_eye_pupil_inner {
0% {
left: 16px;
top: 16px;
}
25% {
left: 14px;
top: 15px;
}
45% {
left: 14px;
top: 15px;
}
50% {
left: 17px;
top: 16px;
}
70% {
left: 17px;
top: 16px;
}
75% {
left: 15px;
top: 16px;
}
95% {
left: 15px;
top: 16px;
}
100% {
left: 16px;
top: 16px;
}
}
@-webkit-keyframes octo_eye_pupil_inner {
0% {
left: 16px;
top: 16px;
}
25% {
left: 14px;
top: 15px;
}
45% {
left: 14px;
top: 15px;
}
50% {
left: 17px;
top: 16px;
}
70% {
left: 17px;
top: 16px;
}
75% {
left: 15px;
top: 16px;
}
95% {
left: 15px;
top: 16px;
}
100% {
left: 16px;
top: 16px;
}
}
@-o-keyframes octo_eye_pupil_inner {
0% {
left: 16px;
top: 16px;
}
25% {
left: 14px;
top: 15px;
}
45% {
left: 14px;
top: 15px;
}
50% {
left: 17px;
top: 16px;
}
70% {
left: 17px;
top: 16px;
}
75% {
left: 15px;
top: 16px;
}
95% {
left: 15px;
top: 16px;
}
100% {
left: 16px;
top: 16px;
}
}
@-ms-keyframes octo_eye_pupil_inner {
0% {
left: 16px;
top: 16px;
}
25% {
left: 14px;
top: 15px;
}
45% {
left: 14px;
top: 15px;
}
50% {
left: 17px;
top: 16px;
}
70% {
left: 17px;
top: 16px;
}
75% {
left: 15px;
top: 16px;
}
95% {
left: 15px;
top: 16px;
}
100% {
left: 16px;
top: 16px;
}
}
@keyframes octo_eye_pupil_inner {
0% {
left: 16px;
top: 16px;
}
25% {
left: 14px;
top: 15px;
}
45% {
left: 14px;
top: 15px;
}
50% {
left: 17px;
top: 16px;
}
70% {
left: 17px;
top: 16px;
}
75% {
left: 15px;
top: 16px;
}
95% {
left: 15px;
top: 16px;
}
100% {
left: 16px;
top: 16px;
}
}
@-moz-keyframes left_wing {
0% {
left: -2px;
}
50% {
left: 8px;
}
100% {
left: -2px;
}
}
@-webkit-keyframes left_wing {
0% {
left: -2px;
}
50% {
left: 8px;
}
100% {
left: -2px;
}
}
@-o-keyframes left_wing {
0% {
left: -2px;
}
50% {
left: 8px;
}
100% {
left: -2px;
}
}
@-ms-keyframes left_wing {
0% {
left: -2px;
}
50% {
left: 8px;
}
100% {
left: -2px;
}
}
@keyframes left_wing {
0% {
left: -2px;
}
50% {
left: 8px;
}
100% {
left: -2px;
}
}
@-moz-keyframes right_wing {
0% {
left: 56px;
}
50% {
left: 48px;
}
100% {
left: 56px;
}
}
@-webkit-keyframes right_wing {
0% {
left: 56px;
}
50% {
left: 48px;
}
100% {
left: 56px;
}
}
@-o-keyframes right_wing {
0% {
left: 56px;
}
50% {
left: 48px;
}
100% {
left: 56px;
}
}
@-ms-keyframes right_wing {
0% {
left: 56px;
}
50% {
left: 48px;
}
100% {
left: 56px;
}
}
@keyframes right_wing {
0% {
left: 56px;
}
50% {
left: 48px;
}
100% {
left: 56px;
}
}
@-moz-keyframes balloon_holder {
0% {
right: -200px;
}
50% {
right: 120%;
}
100% {
right: 120%;
}
}
@-webkit-keyframes balloon_holder {
0% {
right: -200px;
}
50% {
right: 120%;
}
100% {
right: 120%;
}
}
@-o-keyframes balloon_holder {
0% {
right: -200px;
}
50% {
right: 120%;
}
100% {
right: 120%;
}
}
@-ms-keyframes balloon_holder {
0% {
right: -200px;
}
50% {
right: 120%;
}
100% {
right: 120%;
}
}
@keyframes balloon_holder {
0% {
right: -200px;
}
50% {
right: 120%;
}
100% {
right: 120%;
}
}
@-moz-keyframes balloon1 {
0%, 100% {
transform: translateY(0) rotate(-9deg);
}
50% {
transform: translateY(-25px) rotate(-4deg);
}
}
@-webkit-keyframes balloon1 {
0%, 100% {
transform: translateY(0) rotate(-9deg);
}
50% {
transform: translateY(-25px) rotate(-4deg);
}
}
@-o-keyframes balloon1 {
0%, 100% {
transform: translateY(0) rotate(-9deg);
}
50% {
transform: translateY(-25px) rotate(-4deg);
}
}
@-ms-keyframes balloon1 {
0%, 100% {
transform: translateY(0) rotate(-9deg);
}
50% {
transform: translateY(-25px) rotate(-4deg);
}
}
@keyframes balloon1 {
0%, 100% {
transform: translateY(0) rotate(-9deg);
}
50% {
transform: translateY(-25px) rotate(-4deg);
}
}
@-moz-keyframes balloon2 {
0%, 100% {
transform: translateY(0) rotate(2deg);
}
50% {
transform: translateY(-25px) rotate(10deg);
}
}
@-webkit-keyframes balloon2 {
0%, 100% {
transform: translateY(0) rotate(2deg);
}
50% {
transform: translateY(-25px) rotate(10deg);
}
}
@-o-keyframes balloon2 {
0%, 100% {
transform: translateY(0) rotate(2deg);
}
50% {
transform: translateY(-25px) rotate(10deg);
}
}
@-ms-keyframes balloon2 {
0%, 100% {
transform: translateY(0) rotate(2deg);
}
50% {
transform: translateY(-25px) rotate(10deg);
}
}
@keyframes balloon2 {
0%, 100% {
transform: translateY(0) rotate(2deg);
}
50% {
transform: translateY(-25px) rotate(10deg);
}
}
@-moz-keyframes balloon_text {
0%, 100% {
transform: translateY(0) rotate(-2deg);
}
50% {
transform: translateY(-25px) rotate(1deg);
}
}
@-webkit-keyframes balloon_text {
0%, 100% {
transform: translateY(0) rotate(-2deg);
}
50% {
transform: translateY(-25px) rotate(1deg);
}
}
@-o-keyframes balloon_text {
0%, 100% {
transform: translateY(0) rotate(-2deg);
}
50% {
transform: translateY(-25px) rotate(1deg);
}
}
@-ms-keyframes balloon_text {
0%, 100% {
transform: translateY(0) rotate(-2deg);
}
50% {
transform: translateY(-25px) rotate(1deg);
}
}
@keyframes balloon_text {
0%, 100% {
transform: translateY(0) rotate(-2deg);
}
50% {
transform: translateY(-25px) rotate(1deg);
}
}
@-moz-keyframes cloud4 {
0% {
left: 32%;
opacity: 1;
}
50% {
left: -46%;
top: 310px;
opacity: 1;
}
100% {
left: -46%;
top: 310px;
}
}
@-webkit-keyframes cloud4 {
0% {
left: 32%;
opacity: 1;
}
50% {
left: -46%;
top: 310px;
opacity: 1;
}
100% {
left: -46%;
top: 310px;
}
}
@-o-keyframes cloud4 {
0% {
left: 32%;
opacity: 1;
}
50% {
left: -46%;
top: 310px;
opacity: 1;
}
100% {
left: -46%;
top: 310px;
}
}
@-ms-keyframes cloud4 {
0% {
left: 32%;
opacity: 1;
}
50% {
left: -46%;
top: 310px;
opacity: 1;
}
100% {
left: -46%;
top: 310px;
}
}
@keyframes cloud4 {
0% {
left: 32%;
opacity: 1;
}
50% {
left: -46%;
top: 310px;
opacity: 1;
}
100% {
left: -46%;
top: 310px;
}
}
@-moz-keyframes cloud3 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 440px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 440px;
}
100% {
left: -26%;
top: 440px;
}
}
@-webkit-keyframes cloud3 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 440px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 440px;
}
100% {
left: -26%;
top: 440px;
}
}
@-o-keyframes cloud3 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 440px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 440px;
}
100% {
left: -26%;
top: 440px;
}
}
@-ms-keyframes cloud3 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 440px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 440px;
}
100% {
left: -26%;
top: 440px;
}
}
@keyframes cloud3 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 440px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 440px;
}
100% {
left: -26%;
top: 440px;
}
}
@-moz-keyframes cloud2 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 310px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 310px;
}
100% {
left: -26%;
top: 310px;
}
}
@-webkit-keyframes cloud2 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 310px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 310px;
}
100% {
left: -26%;
top: 310px;
}
}
@-o-keyframes cloud2 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 310px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 310px;
}
100% {
left: -26%;
top: 310px;
}
}
@-ms-keyframes cloud2 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 310px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 310px;
}
100% {
left: -26%;
top: 310px;
}
}
@keyframes cloud2 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 310px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 310px;
}
100% {
left: -26%;
top: 310px;
}
}
@-moz-keyframes cloud1 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 120px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 120px;
}
100% {
left: -46%;
top: 120px;
}
}
@-webkit-keyframes cloud1 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 120px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 120px;
}
100% {
left: -46%;
top: 120px;
}
}
@-o-keyframes cloud1 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 120px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 120px;
}
100% {
left: -46%;
top: 120px;
}
}
@-ms-keyframes cloud1 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 120px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 120px;
}
100% {
left: -46%;
top: 120px;
}
}
@keyframes cloud1 {
0% {
left: 110%;
}
50% {
left: -46%;
top: 120px;
}
51% {
left: -46%;
top: -200px;
}
52% {
left: 110%;
top: -200px;
}
53% {
left: 110%;
top: 120px;
}
100% {
left: -46%;
top: 120px;
}
}
@-moz-keyframes water1 {
0% {
top: 510px;
}
25% {
top: 520px;
left: -10px;
}
50% {
top: 530px;
left: -20px;
}
75% {
top: 510px;
left: -30px;
}
100% {
top: 510px;
}
}
@-webkit-keyframes water1 {
0% {
top: 510px;
transform:translateZ(0);
}
25% {
top: 520px;
left: -10px;
transform:translateZ(0);
}
50% {
top: 530px;
left: -20px;
transform:translateZ(0);
}
75% {
top: 510px;
left: -30px;
transform:translateZ(0);
}
100% {
top: 510px;
transform:translateZ(0);
}
}
@-o-keyframes water1 {
0% {
top: 510px;
transform:translateZ(0);
}
25% {
top: 520px;
left: -10px;
transform:translateZ(0);
}
50% {
top: 530px;
left: -20px;
transform:translateZ(0);
}
75% {
top: 510px;
left: -30px;
transform:translateZ(0);
}
100% {
top: 510px;
transform:translateZ(0);
}
}
@-ms-keyframes water1 {
0% {
top: 510px;
}
25% {
top: 520px;
left: -10px;
}
50% {
top: 530px;
left: -20px;
}
75% {
top: 510px;
left: -30px;
}
100% {
top: 510px;
}
}
@keyframes water1 {
0% {
top: 510px;
}
25% {
top: 520px;
left: -10px;
}
50% {
top: 530px;
left: -20px;
}
75% {
top: 510px;
left: -30px;
}
100% {
top: 510px;
}
}
@-moz-keyframes water2 {
0% {
top: 560px;
}
25% {
top: 570px;
left: -4px;
}
50% {
top: 550px;
left: 4px;
}
75% {
top: 570px;
left: -3px;
}
100% {
top: 560px;
}
}
@-webkit-keyframes water2 {
0% {
top: 560px;
transform:translateZ(0);
}
25% {
top: 570px;
left: -4px;
transform:translateZ(0);
}
50% {
top: 550px;
left: 4px;
transform:translateZ(0);
}
75% {
top: 570px;
left: -3px;
transform:translateZ(0);
}
100% {
top: 560px;
transform:translateZ(0);
}
}
@-o-keyframes water2 {
0% {
top: 560px;
}
25% {
top: 570px;
left: -4px;
}
50% {
top: 550px;
left: 4px;
}
75% {
top: 570px;
left: -3px;
}
100% {
top: 560px;
}
}
@-ms-keyframes water2 {
0% {
top: 560px;
}
25% {
top: 570px;
left: -4px;
}
50% {
top: 550px;
left: 4px;
}
75% {
top: 570px;
left: -3px;
}
100% {
top: 560px;
}
}
@keyframes water2 {
0% {
top: 560px;
}
25% {
top: 570px;
left: -4px;
}
50% {
top: 550px;
left: 4px;
}
75% {
top: 570px;
left: -3px;
}
100% {
top: 560px;
}
}
@-moz-keyframes water3 {
0% {
top: 610px;
}
25% {
top: 624px;
left: 0px;
}
50% {
top: 600px;
left: -24px;
}
75% {
top: 600px;
left: -13px;
}
100% {
top: 610px;
}
}
@-webkit-keyframes water3 {
0% {
top: 610px;
}
25% {
top: 624px;
left: 0px;
}
50% {
top: 600px;
left: -24px;
}
75% {
top: 600px;
left: -13px;
}
100% {
top: 610px;
}
}
@-o-keyframes water3 {
0% {
top: 610px;
}
25% {
top: 624px;
left: 0px;
}
50% {
top: 600px;
left: -24px;
}
75% {
top: 600px;
left: -13px;
}
100% {
top: 610px;
}
}
@-ms-keyframes water3 {
0% {
top: 610px;
}
25% {
top: 624px;
left: 0px;
}
50% {
top: 600px;
left: -24px;
}
75% {
top: 600px;
left: -13px;
}
100% {
top: 610px;
}
}
@keyframes water3 {
0% {
top: 610px;
}
25% {
top: 624px;
left: 0px;
}
50% {
top: 600px;
left: -24px;
}
75% {
top: 600px;
left: -13px;
}
100% {
top: 610px;
}
}
@-moz-keyframes boat {
0% {
top: 345px;
left: 4%;
transform: rotate(0deg);
}
15% {
top: 355px;
left: 3%;
transform: rotate(0deg);
}
50% {
top: 360px;
left: 5%;
transform: rotate(2deg);
}
75% {
top: 335px;
left: 3%;
transform: rotate(-2deg);
}
100% {
top: 345px;
left: 4%;
transform: rotate(0deg);
}
}
@-webkit-keyframes boat {
0% {
top: 345px;
left: 4%;
transform: rotate(0deg) translateZ(0);;
}
15% {
top: 355px;
left: 3%;
transform: rotate(0deg) translateZ(0);;
}
50% {
top: 360px;
left: 5%;
transform: rotate(2deg) translateZ(0);;
}
75% {
top: 335px;
left: 3%;
transform: rotate(-2deg) translateZ(0);;
}
100% {
top: 345px;
left: 4%;
transform: rotate(0deg) translateZ(0);;
}
}
@-o-keyframes boat {
0% {
top: 345px;
left: 4%;
transform: rotate(0deg);
}
15% {
top: 355px;
left: 3%;
transform: rotate(0deg);
}
50% {
top: 360px;
left: 5%;
transform: rotate(2deg);
}
75% {
top: 335px;
left: 3%;
transform: rotate(-2deg);
}
100% {
top: 345px;
left: 4%;
transform: rotate(0deg);
}
}
@-ms-keyframes boat {
0% {
top: 345px;
left: 4%;
transform: rotate(0deg);
}
15% {
top: 355px;
left: 3%;
transform: rotate(0deg);
}
50% {
top: 360px;
left: 5%;
transform: rotate(2deg);
}
75% {
top: 335px;
left: 3%;
transform: rotate(-2deg);
}
100% {
top: 345px;
left: 4%;
transform: rotate(0deg);
}
}
@keyframes boat {
0% {
top: 345px;
left: 4%;
transform: rotate(0deg);
}
15% {
top: 355px;
left: 3%;
transform: rotate(0deg);
}
50% {
top: 360px;
left: 5%;
transform: rotate(2deg);
}
75% {
top: 335px;
left: 3%;
transform: rotate(-2deg);
}
100% {
top: 345px;
left: 4%;
transform: rotate(0deg);
}
}
@-moz-keyframes lego_body {
0% {
transform: rotate(0deg);
top: -20px;
}
15% {
transform: rotate(2deg);
top: -22px;
}
50% {
transform: rotate(0deg);
top: -21px;
}
75% {
transform: rotate(-2deg);
top: -17px;
}
100% {
transform: rotate(0deg);
top: -21px;
}
}
@-webkit-keyframes lego_body {
0% {
transform: rotate(0deg) translateZ(0);
top: -20px;
}
15% {
transform: rotate(2deg) translateZ(0);
top: -22px;
}
50% {
transform: rotate(0deg) translateZ(0);
top: -21px;
}
75% {
transform: rotate(-2deg) translateZ(0);
top: -17px;
}
100% {
transform: rotate(0deg) translateZ(0);
top: -21px;
}
}
@-o-keyframes lego_body {
0% {
transform: rotate(0deg);
top: -20px;
}
15% {
transform: rotate(2deg);
top: -22px;
}
50% {
transform: rotate(0deg);
top: -21px;
}
75% {
transform: rotate(-2deg);
top: -17px;
}
100% {
transform: rotate(0deg);
top: -21px;
}
}
@-ms-keyframes lego_body {
0% {
transform: rotate(0deg);
top: -20px;
}
15% {
transform: rotate(2deg);
top: -22px;
}
50% {
transform: rotate(0deg);
top: -21px;
}
75% {
transform: rotate(-2deg);
top: -17px;
}
100% {
transform: rotate(0deg);
top: -21px;
}
}
@keyframes lego_body {
0% {
transform: rotate(0deg);
top: -20px;
}
15% {
transform: rotate(2deg);
top: -22px;
}
50% {
transform: rotate(0deg);
top: -21px;
}
75% {
transform: rotate(-2deg);
top: -17px;
}
100% {
transform: rotate(0deg);
top: -21px;
}
}
@-moz-keyframes lego_body_hat {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(5deg);
}
50% {
transform: rotate(0deg);
}
75% {
transform: rotate(-8deg);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes lego_body_hat {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(5deg);
}
50% {
transform: rotate(0deg);
}
75% {
transform: rotate(-8deg);
}
100% {
transform: rotate(0deg);
}
}
@-o-keyframes lego_body_hat {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(5deg);
}
50% {
transform: rotate(0deg);
}
75% {
transform: rotate(-8deg);
}
100% {
transform: rotate(0deg);
}
}
@-ms-keyframes lego_body_hat {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(5deg);
}
50% {
transform: rotate(0deg);
}
75% {
transform: rotate(-8deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes lego_body_hat {
0% {
transform: rotate(0deg);
}
15% {
transform: rotate(5deg);
}
50% {
transform: rotate(0deg);
}
75% {
transform: rotate(-8deg);
}
100% {
transform: rotate(0deg);
}
}
@-moz-keyframes lego_body_hair {
0% {
transform: rotate(0deg);
left: 341px;
top: -30px;
}
15% {
transform: rotate(2deg);
left: 343px;
top: -32px;
}
50% {
transform: rotate(0deg);
left: 342px;
top: -31px;
}
75% {
transform: rotate(-2deg);
left: 341px;
top: -27px;
}
100% {
transform: rotate(0deg);
left: 342px;
top: -31px;
}
}
@-webkit-keyframes lego_body_hair {
0% {
transform: rotate(0deg);
left: 341px;
top: -30px;
}
15% {
transform: rotate(2deg);
left: 343px;
top: -32px;
}
50% {
transform: rotate(0deg);
left: 342px;
top: -31px;
}
75% {
transform: rotate(-2deg);
left: 341px;
top: -27px;
}
100% {
transform: rotate(0deg);
left: 342px;
top: -31px;
}
}
@-o-keyframes lego_body_hair {
0% {
transform: rotate(0deg);
left: 341px;
top: -30px;
}
15% {
transform: rotate(2deg);
left: 343px;
top: -32px;
}
50% {
transform: rotate(0deg);
left: 342px;
top: -31px;
}
75% {
transform: rotate(-2deg);
left: 341px;
top: -27px;
}
100% {
transform: rotate(0deg);
left: 342px;
top: -31px;
}
}
@-ms-keyframes lego_body_hair {
0% {
transform: rotate(0deg);
left: 341px;
top: -30px;
}
15% {
transform: rotate(2deg);
left: 343px;
top: -32px;
}
50% {
transform: rotate(0deg);
left: 342px;
top: -31px;
}
75% {
transform: rotate(-2deg);
left: 341px;
top: -27px;
}
100% {
transform: rotate(0deg);
left: 342px;
top: -31px;
}
}
@keyframes lego_body_hair {
0% {
transform: rotate(0deg);
left: 341px;
top: -30px;
}
15% {
transform: rotate(2deg);
left: 343px;
top: -32px;
}
50% {
transform: rotate(0deg);
left: 342px;
top: -31px;
}
75% {
transform: rotate(-2deg);
left: 341px;
top: -27px;
}
100% {
transform: rotate(0deg);
left: 342px;
top: -31px;
}
}
@-moz-keyframes lego_leg_right {
0% {
top: 188px;
left: 380px;
}
15% {
transform: rotate(50deg);
top: 186px;
left: 380px;
}
50% {
top: 188px;
left: 380px;
}
75% {
transform: rotate(62deg);
top: 185px;
left: 380px;
}
100% {
transform: rotate(62deg);
top: 188px;
left: 380px;
}
}
@-webkit-keyframes lego_leg_right {
0% {
top: 188px;
left: 380px;
}
15% {
transform: rotate(50deg);
top: 186px;
left: 380px;
}
50% {
top: 188px;
left: 380px;
}
75% {
transform: rotate(62deg);
top: 185px;
left: 380px;
}
100% {
transform: rotate(62deg);
top: 188px;
left: 380px;
}
}
@-o-keyframes lego_leg_right {
0% {
top: 188px;
left: 380px;
}
15% {
transform: rotate(50deg);
top: 186px;
left: 380px;
}
50% {
top: 188px;
left: 380px;
}
75% {
transform: rotate(62deg);
top: 185px;
left: 380px;
}
100% {
transform: rotate(62deg);
top: 188px;
left: 380px;
}
}
@-ms-keyframes lego_leg_right {
0% {
top: 188px;
left: 380px;
}
15% {
transform: rotate(50deg);
top: 186px;
left: 380px;
}
50% {
top: 188px;
left: 380px;
}
75% {
transform: rotate(62deg);
top: 185px;
left: 380px;
}
100% {
transform: rotate(62deg);
top: 188px;
left: 380px;
}
}
@keyframes lego_leg_right {
0% {
top: 188px;
left: 380px;
}
15% {
transform: rotate(50deg);
top: 186px;
left: 380px;
}
50% {
top: 188px;
left: 380px;
}
75% {
transform: rotate(62deg);
top: 185px;
left: 380px;
}
100% {
transform: rotate(62deg);
top: 188px;
left: 380px;
}
}
@-moz-keyframes lego_leg_left {
0% {
top: 171px;
left: 440px;
height: 18px;
}
15% {
transform: rotate(-72deg);
top: 156px;
left: 440px;
height: 30px;
}
50% {
top: 162px;
left: 440px;
height: 22px;
}
75% {
transform: rotate(-66deg);
top: 168px;
left: 440px;
height: 18px;
}
100% {
transform: rotate(-61deg);
top: 171px;
left: 440px;
height: 18px;
}
}
@-webkit-keyframes lego_leg_left {
0% {
top: 171px;
left: 440px;
height: 18px;
}
15% {
transform: rotate(-72deg);
top: 156px;
left: 440px;
height: 30px;
}
50% {
top: 162px;
left: 440px;
height: 22px;
}
75% {
transform: rotate(-66deg);
top: 168px;
left: 440px;
height: 18px;
}
100% {
transform: rotate(-61deg);
top: 171px;
left: 440px;
height: 18px;
}
}
@-o-keyframes lego_leg_left {
0% {
top: 171px;
left: 440px;
height: 18px;
}
15% {
transform: rotate(-72deg);
top: 156px;
left: 440px;
height: 30px;
}
50% {
top: 162px;
left: 440px;
height: 22px;
}
75% {
transform: rotate(-66deg);
top: 168px;
left: 440px;
height: 18px;
}
100% {
transform: rotate(-61deg);
top: 171px;
left: 440px;
height: 18px;
}
}
@-ms-keyframes lego_leg_left {
0% {
top: 171px;
left: 440px;
height: 18px;
}
15% {
transform: rotate(-72deg);
top: 156px;
left: 440px;
height: 30px;
}
50% {
top: 162px;
left: 440px;
height: 22px;
}
75% {
transform: rotate(-66deg);
top: 168px;
left: 440px;
height: 18px;
}
100% {
transform: rotate(-61deg);
top: 171px;
left: 440px;
height: 18px;
}
}
@keyframes lego_leg_left {
0% {
top: 171px;
left: 440px;
height: 18px;
}
15% {
transform: rotate(-72deg);
top: 156px;
left: 440px;
height: 30px;
}
50% {
top: 162px;
left: 440px;
height: 22px;
}
75% {
transform: rotate(-66deg);
top: 168px;
left: 440px;
height: 18px;
}
100% {
transform: rotate(-61deg);
top: 171px;
left: 440px;
height: 18px;
}
}
@-moz-keyframes fish {
0% {
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
}
50% {
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
}
100% {
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
}
}
@-webkit-keyframes fish {
0% {
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
}
50% {
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
}
100% {
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
}
}
@-o-keyframes fish {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
}
100% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-ms-keyframes fish {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
}
100% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes fish {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
}
100% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-moz-keyframes fish2 {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes fish2 {
0% {
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
transform: rotate(-360deg) translateZ(0);
}
}
@-o-keyframes fish2 {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-ms-keyframes fish2 {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes fish2 {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-moz-keyframes fish_holder {
50% {
right: 124%;
}
100% {
right: 124%;
}
}
@-webkit-keyframes fish_holder {
50% {
right: 124%;
transform: translateZ(0);
}
100% {
right: 124%;
transform: translateZ(0);
}
}
@-o-keyframes fish_holder {
50% {
right: 124%;
transform: translateZ(0);
}
100% {
right: 124%;
transform: translateZ(0);
}
}
@-ms-keyframes fish_holder {
50% {
right: 124%;
transform: translateZ(0);
}
100% {
right: 124%;
transform: translateZ(0);
}
}
@keyframes fish_holder {
50% {
right: 124%;
}
100% {
right: 124%;
}
}
@-moz-keyframes fish_holder_2900 {
50% {
right: 148%;
}
100% {
right: 148%;
}
}
@-webkit-keyframes fish_holder_2900 {
50% {
right: 148%;
}
100% {
right: 148%;
}
}
@-o-keyframes fish_holder_2900 {
50% {
right: 148%;
}
100% {
right: 148%;
}
}
@-ms-keyframes fish_holder_2900 {
50% {
right: 148%;
}
100% {
right: 148%;
}
}
@keyframes fish_holder_2900 {
50% {
right: 148%;
}
100% {
right: 148%;
}
}
@-moz-keyframes fish_holder_1500 {
50% {
right: 118%;
}
100% {
right: 118%;
}
}
@-webkit-keyframes fish_holder_1500 {
50% {
right: 118%;
transform: translateZ(0);
}
100% {
right: 118%;
transform: translateZ(0);
}
}
@-o-keyframes fish_holder_1500 {
50% {
right: 118%;
}
100% {
right: 118%;
}
}
@-ms-keyframes fish_holder_1500 {
50% {
right: 118%;
}
100% {
right: 118%;
}
}
@keyframes fish_holder_1500 {
50% {
right: 118%;
}
100% {
right: 118%;
}
}
@-moz-keyframes fish_holder_1400 {
50% {
right: 112%;
}
100% {
right: 112%;
}
}
@-webkit-keyframes fish_holder_1400 {
50% {
right: 112%;
}
100% {
right: 112%;
}
}
@-o-keyframes fish_holder_1400 {
50% {
right: 112%;
}
100% {
right: 112%;
}
}
@-ms-keyframes fish_holder_1400 {
50% {
right: 112%;
}
100% {
right: 112%;
}
}
@keyframes fish_holder_1400 {
50% {
right: 112%;
}
100% {
right: 112%;
}
}
@-moz-keyframes fish_holder_1300 {
50% {
right: 106%;
}
100% {
right: 206%;
}
}
@-webkit-keyframes fish_holder_1300 {
50% {
right: 106%;
transform: translateZ(0);
}
100% {
right: 206%;
transform: translateZ(0);
}
}
@-o-keyframes fish_holder_1300 {
50% {
right: 106%;
}
100% {
right: 206%;
}
}
@-ms-keyframes fish_holder_1300 {
50% {
right: 106%;
}
100% {
right: 206%;
}
}
@keyframes fish_holder_1300 {
50% {
right: 106%;
}
100% {
right: 206%;
}
}
@-moz-keyframes fish_holder_1100 {
40% {
right: 70%;
}
41% {
right: 120%;
}
100% {
right: 120%;
}
}
@-webkit-keyframes fish_holder_1100 {
40% {
right: 70%;
transform: translateZ(0);
}
41% {
right: 120%;
transform: translateZ(0);
}
100% {
right: 120%;
transform: translateZ(0);
}
}
@-o-keyframes fish_holder_1100 {
40% {
right: 70%;
}
41% {
right: 120%;
}
100% {
right: 120%;
}
}
@-ms-keyframes fish_holder_1100 {
40% {
right: 70%;
}
41% {
right: 120%;
}
100% {
right: 120%;
}
}
@keyframes fish_holder_1100 {
40% {
right: 70%;
}
41% {
right: 120%;
}
100% {
right: 120%;
}
}
@-moz-keyframes fish_holder_900 {
30% {
right: 35%;
}
31% {
right: 120%;
}
100% {
right: 120%;
}
}
@-webkit-keyframes fish_holder_900 {
30% {
right: 35%;
}
31% {
right: 120%;
}
100% {
right: 120%;
}
}
@-o-keyframes fish_holder_900 {
30% {
right: 35%;
}
31% {
right: 120%;
}
100% {
right: 120%;
}
}
@-ms-keyframes fish_holder_900 {
30% {
right: 35%;
}
31% {
right: 120%;
}
100% {
right: 120%;
}
}
@keyframes fish_holder_900 {
30% {
right: 35%;
}
31% {
right: 120%;
}
100% {
right: 120%;
}
}
@-moz-keyframes fish_holder_700 {
30% {
right: 17%;
}
31% {
right: 120%;
}
100% {
right: 120%;
}
}
@-webkit-keyframes fish_holder_700 {
30% {
right: 17%;
}
31% {
right: 120%;
}
100% {
right: 120%;
}
}
@-o-keyframes fish_holder_700 {
30% {
right: 17%;
}
31% {
right: 120%;
}
100% {
right: 120%;
}
}
@-ms-keyframes fish_holder_700 {
30% {
right: 17%;
}
31% {
right: 120%;
}
100% {
right: 120%;
}
}
@keyframes fish_holder_700 {
30% {
right: 17%;
}
31% {
right: 120%;
}
100% {
right: 120%;
}
}
@-moz-keyframes coat {
0% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
25% {
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
}
50% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
75% {
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
}
100% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
}
@-webkit-keyframes coat {
0% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
25% {
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
}
50% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
75% {
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
}
100% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
}
@-o-keyframes coat {
0% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
25% {
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
}
50% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
75% {
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
}
100% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
}
@-ms-keyframes coat {
0% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
25% {
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
}
50% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
75% {
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
}
100% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
}
@keyframes coat {
0% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
25% {
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
}
50% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
75% {
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
transform: rotate(-2deg);
}
100% {
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
}
@-moz-keyframes twit {
0% {
left: -46px;
}
25% {
left: -50px;
}
50% {
left: -46px;
}
75% {
left: -40px;
}
100% {
left: -46px;
}
}
@-webkit-keyframes twit {
0% {
left: -46px;
}
25% {
left: -50px;
}
50% {
left: -46px;
}
75% {
left: -40px;
}
100% {
left: -46px;
}
}
@-o-keyframes twit {
0% {
left: -46px;
}
25% {
left: -50px;
}
50% {
left: -46px;
}
75% {
left: -40px;
}
100% {
left: -46px;
}
}
@-ms-keyframes twit {
0% {
left: -46px;
}
25% {
left: -50px;
}
50% {
left: -46px;
}
75% {
left: -40px;
}
100% {
left: -46px;
}
}
@keyframes twit {
0% {
left: -46px;
}
25% {
left: -50px;
}
50% {
left: -46px;
}
75% {
left: -40px;
}
100% {
left: -46px;
}
}
@-moz-keyframes twit_rope {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
}
50% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
75% {
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
}
100% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes twit_rope {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
}
50% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
75% {
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
}
100% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-o-keyframes twit_rope {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
}
50% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
75% {
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
}
100% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-ms-keyframes twit_rope {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
}
50% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
75% {
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
}
100% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes twit_rope {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
transform: rotate(6deg);
}
50% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
75% {
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
transform: rotate(-9deg);
}
100% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
}
@font-face {
font-family: 'icomoon';
src: url("http://legomushroom.com/css/fonts/icomoon.eot");
src: url("http://legomushroom.com/css/fonts/icomoon.eot?#iefix") format('embedded-opentype'), url("http://legomushroom.com/css/fonts/icomoon.svg#icomoon") format('svg'), url("http://legomushroom.com/css/fonts/icomoon.woff") format('woff'), url("http://legomushroom.com/css/fonts/icomoon.ttf") format('truetype');
font-weight: normal;
font-style: normal;
}
body {
background: #87e0fd;
/* Old browsers */
background: radial-gradient(center, ellipse cover, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #87e0fd), color-stop(40%, #53cbf1), color-stop(100%, #05abe0));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
/* Opera 12+ */
background: radial-gradient(center, ellipse cover, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
/* IE10+ */
background: radial-gradient(ellipse at center, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
overflow: hidden;
height: 600px;
}
div#balloon_holder {
position: absolute;
z-index: 11;
top: 40px;
width: 400px;
animation: balloon_holder 240s linear infinite;
animation: balloon_holder 240s linear infinite;
}
div#balloon_holder a#balloons_text {
text-decoration: none;
position: absolute;
text-align: center;
z-index: 2;
top: 140px;
left: 75px;
width: 300px;
box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
padding: 20px 40px;
display: block !important;
color: #000;
cursor: pointer;
font-size: 1.1em;
line-height: 1.6em;
font-family: monospace;
background-color: #fff;
background-color: rgba(255,255,255,0.98);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-radius: 10px;
box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
transform: rotate(2deg) translateY(0);
transform: rotate(2deg) translateY(0);
transform: rotate(2deg) translateY(0);
transform: rotate(2deg) translateY(0);
transform: rotate(2deg) translateY(0);
animation: balloon_text 4s ease-in-out infinite;
animation: balloon_text 4s ease-in-out infinite;
}
div#balloon_holder .balloon2 {
text-align: center;
width: 80px;
height: 95px;
border-top-left-radius: 60%;
border-top-right-radius: 60%;
border-bottom-right-radius: 60%;
border-bottom-left-radius: 60%;
border-top-left-radius: 60%;
border-top-right-radius: 60%;
border-bottom-right-radius: 60%;
border-bottom-left-radius: 60%;
border-top-left-radius: 60%;
border-top-right-radius: 60%;
border-bottom-right-radius: 60%;
border-bottom-left-radius: 60%;
border-radius: 60%;
border-radius: 60%;
border-radius: 60%;
border-top-left-radius: 60%;
border-top-right-radius: 60%;
border-bottom-right-radius: 60%;
border-bottom-left-radius: 60%;
border-radius: 60%;
position: relative;
box-shadow: inset -10px -10px 0 rgba(0,0,0,0.07);
box-shadow: inset -10px -10px 0 rgba(0,0,0,0.07);
margin: 20px 30px;
transform: rotate(6deg) translateY(0);
transform: rotate(6deg) translateY(0);
transform: rotate(6deg) translateY(0);
transform: rotate(6deg) translateY(0);
transform: rotate(6deg) translateY(0);
transition: transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease;
animation: balloon2 4s ease-in-out infinite;
animation: balloon2 4s ease-in-out infinite;
transform-origin: bottom center;
transform-origin: bottom center;
transform-origin: bottom center;
transform-origin: bottom center;
transform-origin: bottom center;
z-index: 1;
background: #e18508;
position: absolute;
top: 0px;
right: -20px;
}
div#balloon_holder .balloon2 div#glimps {
position: absolute;
top: 12px;
left: 17px;
width: 20px;
height: 30px;
border-radius: 10px/15px;
background: #fff;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
opacity: 0.1;
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
}
div#balloon_holder .balloon2:before {
content: "▲";
font-size: 15px;
color: #5979a6;
display: inline-block;
position: absolute;
text-align: center;
z-index: -100;
color: #cd8119;
position: absolute;
left: 34px;
bottom: -12px;
}
div#balloon_holder .balloon2:after {
display: inline-block;
top: 104px;
position: absolute;
z-index: 1;
height: 50px;
width: 2px;
margin: 0 auto;
content: "";
background: rgba(0,0,0,0.2);
position: absolute;
left: 40px;
}
div#balloon_holder .balloon {
text-align: center;
width: 80px;
height: 95px;
border-radius: 60%;
position: relative;
margin: 20px 30px;
box-shadow: inset -10px -10px 0 rgba(0,0,0,0.07);
box-shadow: inset -10px -10px 0 rgba(0,0,0,0.07);
transform: rotate(-6deg) translateY(0);
transform: rotate(-6deg) translateY(0);
transform: rotate(-6deg) translateY(0);
transform: rotate(-6deg) translateY(0);
transform: rotate(-6deg) translateY(0);
transition: transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease;
animation: balloon1 4s ease-in-out infinite;
animation: balloon1 4s ease-in-out infinite;
transform-origin: bottom center;
transform-origin: bottom center;
transform-origin: bottom center;
transform-origin: bottom center;
transform-origin: bottom center;
z-index: 1;
background: #16ba06;
position: absolute;
top: 0px;
left: 20px;
}
div#balloon_holder .balloon div#glimps {
position: absolute;
top: 12px;
left: 17px;
width: 20px;
height: 30px;
background: #fff;
border-radius: 10px/15px;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
opacity: 0.1;
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
}
div#balloon_holder .balloon:before {
content: "▲";
font-size: 15px;
display: inline-block;
position: absolute;
text-align: center;
z-index: -100;
color: #26a71a;
position: absolute;
left: 34px;
bottom: -12px;
}
div#balloon_holder .balloon:after {
display: inline-block;
top: 104px;
position: absolute;
z-index: 1;
height: 50px;
width: 2px;
margin: 0 auto;
content: "";
background: rgba(0,0,0,0.2);
position: absolute;
left: 40px;
}
@media all and (min-width: 2000px) and (max-width: 2800px) {
div#balloon_holder {
animation: balloon_holder 360s linear infinite;
animation: balloon_holder 360s linear infinite;
}
}
input#chicken_launch {
position: absolute;
z-index: 46;
left: 150px;
top: 110px;
width: 70px;
height: 90px;
cursor: pointer;
opacity: 0;
}
input#chicken_launch:checked,
input#chicken_launch:checked ~ div#chicken_holder {
top: -110px;
z-index: 41;
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transition: all 2s ease-out;
transition: all 2s ease-out;
transition: all 2s ease-out;
transition: all 2s ease-out;
transition: all 2s ease-out;
}
input#chicken_launch:checked {
z-index: 46;
}
input#chicken_launch ~ div#chicken_holder > div#left_wing {
top: 178px;
transition: top 2s ease-in;
transition: top 2s ease-in;
transition: top 2s ease-in;
transition: top 2s ease-in;
transition: top 2s ease-in;
animation: left_wing 0.1s linear infinite;
animation: left_wing 0.1s linear infinite;
animation: left_wing 0.1s linear infinite;
animation: left_wing 0.1s linear infinite;
animation: left_wing 0.1s linear infinite;
}
input#chicken_launch ~ div#chicken_holder > div#right_wing {
top: 178px;
transition: top 2s ease-in;
transition: top 2s ease-in;
transition: top 2s ease-in;
transition: top 2s ease-in;
transition: top 2s ease-in;
animation: right_wing 0.1s linear infinite;
animation: right_wing 0.1s linear infinite;
animation: right_wing 0.1s linear infinite;
animation: right_wing 0.1s linear infinite;
animation: right_wing 0.1s linear infinite;
}
div#lab_wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div#lab_wrapper div#lab_launcher {
position: absolute;
z-index: 200;
top: 31px;
left: -56px;
padding: 10px 70px;
background-color: rgba(128,0,128,0.5);
color: #fff;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.6);
box-shadow: 0 0 10px rgba(0,0,0,0.6);
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
}
div#lab_wrapper div#lab_launcher a {
color: #fff;
text-decoration: none;
font-family: monospace;
font-size: 1.1em;
}
div#lab_wrapper div#lab_launcher:hover ~ div#octopus > div#tentacle1 {
top: -400px;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.1s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.1s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.1s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.1s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.1s;
}
div#lab_wrapper div#lab_launcher:hover ~ div#octopus > div#tentacle2 {
top: -110px;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14);
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14);
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14);
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14);
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14);
}
div#lab_wrapper div#lab_launcher:hover ~ div#octopus > div#tentacle3 {
top: -144px;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
}
div#lab_wrapper div#lab_launcher:hover ~ div#octopus > div#coat {
top: -334px;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.1s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.1s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.1s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.1s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.1s;
animation: coat 8s ease-in-out infinite alternate;
animation: coat 8s ease-in-out infinite alternate;
animation: coat 8s ease-in-out infinite alternate;
animation: coat 8s ease-in-out infinite alternate;
}
div#lab_wrapper div#lab_launcher:hover ~ div#octopus > div#microscope {
top: -284px;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
animation: coat 12s ease-in-out infinite normal;
animation: coat 12s ease-in-out infinite normal;
animation: coat 12s ease-in-out infinite normal;
animation: coat 12s ease-in-out infinite normal;
}
div#lab_wrapper div#lab_launcher:hover ~ div#octopus > div#glove {
top: -140px;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14);
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14);
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14);
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14);
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14);
}
div#lab_wrapper div#lab_launcher:hover ~ div#octopus > div#octo_eye {
top: -48px;
transition: top 0.5s linear;
transition: top 0.5s linear;
transition: top 0.5s linear;
transition: top 0.5s linear;
transition: top 0.5s linear;
}
div#lab_wrapper div#lab_launcher:hover ~ div#octopus > div#octo_eye div#pupil {
animation: octo_eye_pupil 4s ease-in-out infinite;
animation: octo_eye_pupil 4s ease-in-out infinite;
animation: octo_eye_pupil 4s ease-in-out infinite;
animation: octo_eye_pupil 4s ease-in-out infinite;
animation: octo_eye_pupil 4s ease-in-out infinite;
}
div#lab_wrapper div#lab_launcher:hover ~ div#octopus > div#octo_eye div#pupil_inner {
animation: octo_eye_pupil_inner 4s ease-in-out infinite;
animation: octo_eye_pupil_inner 4s ease-in-out infinite;
animation: octo_eye_pupil_inner 4s ease-in-out infinite;
animation: octo_eye_pupil_inner 4s ease-in-out infinite;
animation: octo_eye_pupil_inner 4s ease-in-out infinite;
}
div#lab_wrapper div#octopus {
position: absolute;
z-index: 12;
right: 10%;
top: 660px;
height: 400px;
width: 350px;
}
div#lab_wrapper div#octopus div#octo_eye {
width: 40px;
height: 40px;
border-radius: 60px;
border-radius: 60px;
border-radius: 60px;
border-radius: 60px;
background-color: #fff;
position: absolute;
z-index: 20;
top: 345px;
left: 80px;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
}
div#lab_wrapper div#octopus div#octo_eye:after {
content: "";
width: 50px;
height: 100px;
border-radius: 25px/50px;
background-color: #72350c;
position: absolute;
top: 12px;
left: 40px;
}
div#lab_wrapper div#octopus div#octo_eye div#pupil {
content: "";
position: absolute;
top: 10px;
left: 10px;
width: 20px;
height: 20px;
border-radius: 40px;
border-radius: 40px;
border-radius: 40px;
border-radius: 40px;
background: #00f;
background: #c5deea;
/* Old browsers */
background: radial-gradient(center, ellipse cover, #c5deea 0%, #8abbd7 31%, #066dab 100%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #c5deea), color-stop(31%, #8abbd7), color-stop(100%, #066dab));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, #c5deea 0%, #8abbd7 31%, #066dab 100%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, #c5deea 0%, #8abbd7 31%, #066dab 100%);
/* Opera 12+ */
background: radial-gradient(center, ellipse cover, #c5deea 0%, #8abbd7 31%, #066dab 100%);
/* IE10+ */
background: radial-gradient(ellipse at center, #c5deea 0%, #8abbd7 31%, #066dab 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
div#lab_wrapper div#octopus div#octo_eye div#pupil_inner {
content: "";
position: absolute;
top: 16px;
left: 16px;
width: 8px;
height: 8px;
border-radius: 28px;
border-radius: 28px;
border-radius: 28px;
border-radius: 28px;
background: #000;
}
div#lab_wrapper div#octopus div#glove {
position: absolute;
z-index: 13;
top: 250px;
left: 340px;
width: 1px;
height: 1px;
box-shadow: 12px 1px rgba(251,251,216,0.28), 13px 1px rgba(252,255,203,0.35), 14px 1px rgba(255,255,244,0.09), 10px 2px rgba(255,255,127,0.01), 11px 2px rgba(255,255,248,0.3), 12px 2px rgba(252,252,95,0.86), 13px 2px rgba(252,253,89,0.91), 14px 2px rgba(252,253,110,0.82), 15px 2px rgba(255,255,238,0.06), 19px 2px rgba(249,249,206,0.18), 20px 2px rgba(252,255,212,0.4), 21px 2px rgba(255,255,192,0.32), 6px 3px rgba(170,255,170,0.01), 10px 3px rgba(255,255,223,0.03), 11px 3px rgba(252,252,155,0.71), 12px 3px #fdfd56, 13px 3px #fdfe56, 14px 3px #fefe57, 15px 3px rgba(252,255,219,0.48), 16px 3px rgba(255,255,127,0.01), 18px 3px rgba(235,255,235,0.05), 19px 3px rgba(252,252,144,0.78), 20px 3px #fdfd57, 21px 3px rgba(252,253,97,0.89), 22px 3px rgba(255,255,228,0.42), 23px 3px rgba(255,255,170,0.01), 5px 4px rgba(255,255,240,0.42), 6px 4px rgba(252,252,173,0.49), 7px 4px rgba(255,255,244,0.19), 8px 4px rgba(255,255,191,0.02), 10px 4px rgba(255,240,240,0.07), 11px 4px rgba(252,251,94,0.87), 12px 4px #fdfd56, 13px 4px #fdfe58, 14px 4px #fdfe56, 15px 4px rgba(252,252,132,0.74), 16px 4px rgba(255,255,240,0.07), 18px 4px rgba(252,252,243,0.35), 19px 4px #fcfc55, 20px 4px #fdfd58, 21px 4px #fdfe56, 22px 4px rgba(252,252,102,0.85), 23px 4px rgba(255,255,247,0.13), 4px 5px rgba(252,252,237,0.41), 5px 5px rgba(252,252,88,0.93), 6px 5px #fdfe56, 7px 5px rgba(252,252,90,0.95), 8px 5px rgba(255,255,241,0.15), 10px 5px rgba(245,245,218,0.11), 11px 5px rgba(251,251,94,0.85), 12px 5px #fdfd56, 13px 5px #fdfe63, 14px 5px #fefe5a, 15px 5px rgba(252,252,92,0.88), 16px 5px rgba(255,255,249,0.19), 18px 5px rgba(253,253,190,0.64), 19px 5px rgba(252,252,86,0.98), 20px 5px #fdfd5c, 21px 5px #fefe5a, 22px 5px rgba(252,252,86,0.98), 23px 5px rgba(255,255,247,0.28), 3px 6px rgba(255,255,191,0.02), 4px 6px rgba(252,252,164,0.71), 5px 6px #fdfd56, 6px 6px #fdfe57, 7px 6px #fdfe56, 8px 6px rgba(255,255,240,0.41), 9px 6px rgba(127,127,127,0.01), 10px 6px rgba(244,244,102,0.1), 11px 6px rgba(251,251,88,0.8), 12px 6px #fdfd56, 13px 6px #fdfd5d, 14px 6px #fefe5e, 15px 6px #fcfc59, 16px 6px rgba(255,255,241,0.29), 18px 6px rgba(253,253,195,0.66), 19px 6px #fdfd56, 20px 6px #fdfd57, 21px 6px #fdfd58, 22px 6px #fdfd56, 23px 6px rgba(255,255,234,0.39), 27px 6px rgba(255,255,204,0.02), 28px 6px rgba(255,255,239,0.06), 3px 7px rgba(248,248,248,0.16), 4px 7px rgba(252,251,131,0.81), 5px 7px #fdfd56, 6px 7px #fefe5d, 7px 7px #fdfe57, 8px 7px rgba(255,253,216,0.6), 9px 7px rgba(231,231,185,0.04), 10px 7px rgba(244,244,191,0.09), 11px 7px rgba(251,251,102,0.76), 12px 7px #fdfd56, 13px 7px #fdfd57, 14px 7px #fefe5a, 15px 7px #fdfd59, 16px 7px rgba(252,252,195,0.38), 18px 7px rgba(253,251,171,0.64), 19px 7px #fdfc56, 20px 7px #fdfd56, 21px 7px #fdfd56, 22px 7px #fdfd56, 23px 7px rgba(252,252,189,0.49), 26px 7px rgba(255,255,127,0.01), 27px 7px rgba(255,255,248,0.31), 28px 7px rgba(255,255,231,0.56), 29px 7px rgba(255,255,231,0.35), 30px 7px rgba(255,255,236,0.05), 3px 8px rgba(251,251,228,0.26), 4px 8px rgba(251,251,100,0.85), 5px 8px #fdfd56, 6px 8px #fefe62, 7px 8px #fefe5c, 8px 8px rgba(252,252,86,0.7), 9px 8px rgba(242,242,218,0.08), 10px 8px rgba(255,245,245,0.1), 11px 8px rgba(253,253,176,0.74), 12px 8px #fcfc56, 13px 8px #fdfd56, 14px 8px #fdfd57, 15px 8px #fdfd57, 16px 8px rgba(251,251,123,0.5), 18px 8px rgba(251,251,119,0.6), 19px 8px #fdfc56, 20px 8px #fdfd56, 21px 8px #fdfd56, 22px 8px #fdfd56, 23px 8px rgba(251,251,126,0.6), 26px 8px rgba(255,255,250,0.23), 27px 8px rgba(252,252,90,0.9), 28px 8px #fdfd56, 29px 8px rgba(252,253,106,0.91), 30px 8px rgba(251,255,223,0.31), 3px 9px rgba(251,251,132,0.29), 4px 9px rgba(251,251,88,0.89), 5px 9px #fdfd56, 6px 9px #fdfd59, 7px 9px #fdfe57, 8px 9px rgba(252,252,106,0.78), 9px 9px rgba(247,247,239,0.13), 10px 9px rgba(244,244,244,0.1), 11px 9px rgba(253,253,198,0.72), 12px 9px #fcfc56, 13px 9px #fdfd56, 14px 9px #fdfd56, 15px 9px #fdfd56, 16px 9px rgba(251,251,107,0.61), 18px 9px rgba(253,251,172,0.6), 19px 9px #fcfc56, 20px 9px #fdfd56, 21px 9px #fdfd56, 22px 9px #fdfd56, 23px 9px rgba(252,252,105,0.69), 26px 9px rgba(255,255,246,0.34), 27px 9px #fdfd56, 28px 9px #fefe61, 29px 9px #fcfc5b, 30px 9px rgba(251,251,103,0.57), 3px 10px rgba(250,250,89,0.25), 4px 10px rgba(251,250,86,0.9), 5px 10px #fcfc56, 6px 10px #fdfd57, 7px 10px #fdfd56, 8px 10px rgba(252,252,122,0.84), 9px 10px rgba(255,249,249,0.18), 10px 10px rgba(240,240,226,0.07), 11px 10px rgba(253,253,208,0.69), 12px 10px #fcfc56, 13px 10px #fdfd56, 14px 10px #fdfd56, 15px 10px #fdfd56, 16px 10px rgba(252,252,91,0.71), 18px 10px rgba(253,253,235,0.63), 19px 10px #fcfc56, 20px 10px #fdfd56, 21px 10px #fdfd56, 22px 10px #fdfd56, 23px 10px rgba(252,252,104,0.77), 25px 10px rgba(238,238,238,0.06), 26px 10px rgba(253,253,217,0.58), 27px 10px #fdfd56, 28px 10px #fdfe59, 29px 10px #fdfd58, 30px 10px rgba(252,252,108,0.72), 3px 11px rgba(249,249,93,0.19), 4px 11px rgba(251,250,86,0.88), 5px 11px #fcfc56, 6px 11px #fdfd56, 7px 11px #fdfd56, 8px 11px rgba(252,252,90,0.9), 9px 11px rgba(251,251,239,0.26), 10px 11px rgba(231,231,231,0.04), 11px 11px rgba(253,253,221,0.65), 12px 11px #fcfc56, 13px 11px #fdfd56, 14px 11px #fdfd56, 15px 11px #fdfd57, 16px 11px rgba(252,252,93,0.82), 18px 11px rgba(252,252,171,0.67), 19px 11px #fcfc56, 20px 11px #fdfd56, 21px 11px #fdfd56, 22px 11px #fdfd56, 23px 11px rgba(252,252,98,0.85), 25px 11px rgba(240,240,135,0.07), 26px 11px rgba(252,252,144,0.73), 27px 11px #fdfd56, 28px 11px #fdfd56, 29px 11px #fdfd57, 30px 11px rgba(252,252,126,0.82), 3px 12px rgba(247,247,247,0.13), 4px 12px rgba(251,251,95,0.85), 5px 12px #fcfc56, 6px 12px #fdfd56, 7px 12px #fdfd57, 8px 12px rgba(252,252,86,0.95), 9px 12px rgba(252,252,220,0.38), 10px 12px rgba(191,191,191,0.02), 11px 12px rgba(253,253,227,0.62), 12px 12px #fcfb55, 13px 12px #fdfd56, 14px 12px #fdfd56, 15px 12px #fdfd56, 16px 12px rgba(252,252,90,0.9), 18px 12px rgba(250,249,131,0.67), 19px 12px #fcfc56, 20px 12px #fdfd56, 21px 12px #fdfd56, 22px 12px #fdfd57, 23px 12px rgba(252,252,93,0.92), 25px 12px rgba(255,191,191,0.02), 26px 12px rgba(252,251,94,0.89), 27px 12px #fdfd57, 28px 12px #fdfd56, 29px 12px #fcfc57, 30px 12px rgba(252,252,114,0.84), 31px 12px rgba(127,127,0,0.01), 3px 13px rgba(238,238,221,0.06), 4px 13px rgba(251,249,93,0.79), 5px 13px #fcfc56, 6px 13px #fdfd56, 7px 13px #fdfd57, 8px 13px #fcfc55, 9px 13px rgba(252,252,155,0.48), 11px 13px rgba(253,253,229,0.58), 12px 13px rgba(251,251,85,0.99), 13px 13px #fdfc56, 14px 13px #fdfd56, 15px 13px #fdfd56, 16px 13px rgba(252,252,88,0.97), 17px 13px rgba(127,127,127,0.01), 18px 13px rgba(250,250,162,0.67), 19px 13px #fbfb55, 20px 13px #fdfd56, 21px 13px #fdfd56, 22px 13px #fdfd56, 23px 13px rgba(252,252,95,0.93), 24px 13px rgba(255,255,231,0.04), 25px 13px rgba(255,255,231,0.04), 26px 13px rgba(252,251,90,0.89), 27px 13px #fdfd56, 28px 13px #fdfd56, 29px 13px #fdfd57, 30px 13px rgba(252,252,114,0.82), 31px 13px rgba(236,236,127,0.05), 4px 14px rgba(251,251,122,0.77), 5px 14px rgba(251,250,85,0.99), 6px 14px #fdfc56, 7px 14px #fdfd56, 8px 14px #fdfd56, 9px 14px rgba(251,251,102,0.58), 11px 14px rgba(253,253,225,0.55), 12px 14px rgba(251,251,86,0.97), 13px 14px #fcfc56, 14px 14px #fdfd56, 15px 14px #fdfd56, 16px 14px rgba(252,252,87,0.98), 17px 14px rgba(255,226,226,0.04), 18px 14px rgba(252,250,198,0.7), 19px 14px rgba(251,251,86,0.99), 20px 14px #fdfc56, 21px 14px #fdfd56, 22px 14px #fdfd56, 23px 14px rgba(252,252,90,0.9), 24px 14px rgba(243,243,231,0.09), 25px 14px rgba(248,248,242,0.16), 26px 14px rgba(252,252,91,0.88), 27px 14px #fdfd56, 28px 14px #fdfd56, 29px 14px #fdfd56, 30px 14px rgba(252,252,164,0.76), 31px 14px rgba(245,245,196,0.1), 3px 15px rgba(252,252,246,0.35), 4px 15px rgba(251,250,90,0.93), 5px 15px #fcfb56, 6px 15px #fcfc56, 7px 15px #fdfd57, 8px 15px #fdfd56, 9px 15px rgba(252,252,124,0.72), 10px 15px rgba(226,226,198,0.04), 11px 15px rgba(252,252,217,0.48), 12px 15px rgba(251,250,89,0.95), 13px 15px #fcfc56, 14px 15px #fdfd56, 15px 15px #fdfd56, 16px 15px rgba(252,252,89,0.98), 17px 15px rgba(244,244,244,0.09), 18px 15px rgba(251,251,190,0.64), 19px 15px #fbfa56, 20px 15px #fcfc56, 21px 15px #fdfd56, 22px 15px #fdfd56, 23px 15px rgba(252,252,88,0.87), 24px 15px rgba(246,246,205,0.12), 25px 15px rgba(250,250,238,0.24), 26px 15px rgba(252,251,102,0.88), 27px 15px #fdfd56, 28px 15px #fdfd57, 29px 15px #fdfd56, 30px 15px rgba(253,253,181,0.68), 31px 15px rgba(245,245,227,0.11), 3px 16px rgba(250,250,156,0.71), 4px 16px #fafa54, 5px 16px #fcfb56, 6px 16px #fcfc56, 7px 16px #fdfd56, 8px 16px #fdfd56, 9px 16px rgba(252,252,133,0.87), 10px 16px rgba(245,245,226,0.11), 11px 16px rgba(252,252,230,0.4), 12px 16px rgba(251,250,91,0.93), 13px 16px #fcfc56, 14px 16px #fdfd56, 15px 16px #fdfd56, 16px 16px rgba(252,252,90,0.97), 17px 16px rgba(249,249,239,0.19), 18px 16px rgba(251,251,187,0.59), 19px 16px #fcfb56, 20px 16px #fcfc56, 21px 16px #fdfd56, 22px 16px #fdfd56, 23px 16px rgba(252,252,100,0.85), 24px 16px rgba(255,255,247,0.13), 25px 16px rgba(252,252,240,0.33), 26px 16px rgba(252,251,88,0.93), 27px 16px #fdfd56, 28px 16px #fdfd57, 29px 16px #fdfd56, 30px 16px rgba(253,253,172,0.63), 31px 16px rgba(241,241,228,0.07), 2px 17px rgba(250,250,241,0.22), 3px 17px rgba(251,250,103,0.88), 4px 17px #fcfb56, 5px 17px #fcfb56, 6px 17px #fcfb56, 7px 17px #fdfc56, 8px 17px #fdfd56, 9px 17px rgba(252,252,87,0.97), 10px 17px rgba(255,255,242,0.24), 11px 17px rgba(251,251,242,0.32), 12px 17px rgba(251,250,88,0.95), 13px 17px #fcfc56, 14px 17px #fdfd56, 15px 17px #fdfd56, 16px 17px #fdfd56, 17px 17px rgba(253,253,205,0.6), 18px 17px rgba(252,252,136,0.75), 19px 17px #fcfc56, 20px 17px #fdfd56, 21px 17px #fdfd56, 22px 17px #fdfd56, 23px 17px rgba(252,252,108,0.78), 24px 17px rgba(255,255,245,0.11), 25px 17px rgba(252,252,235,0.42), 26px 17px #fcfc56, 27px 17px #fdfd56, 28px 17px #fdfd56, 29px 17px #fdfd56, 30px 17px rgba(253,253,178,0.58), 31px 17px rgba(255,255,191,0.02), 2px 18px rgba(250,250,148,0.44), 3px 18px rgba(251,250,86,0.98), 4px 18px #fcfb56, 5px 18px #fcfb57, 6px 18px #fcfb56, 7px 18px #fcfc56, 8px 18px #fdfd56, 9px 18px #fdfd56, 10px 18px rgba(253,253,176,0.64), 11px 18px rgba(253,253,188,0.65), 12px 18px rgba(251,251,86,0.99), 13px 18px #fcfc56, 14px 18px #fdfd56, 15px 18px #fdfd56, 16px 18px #fdfd56, 17px 18px #fdfd56, 18px 18px #fdfd56, 19px 18px #fdfd56, 20px 18px #fdfd56, 21px 18px #fdfd56, 22px 18px #fdfd56, 23px 18px rgba(252,252,109,0.74), 24px 18px rgba(255,255,247,0.13), 25px 18px rgba(253,253,235,0.51), 26px 18px #fcfc56, 27px 18px #fdfd56, 28px 18px #fdfc56, 29px 18px rgba(252,251,86,0.99), 30px 18px rgba(253,253,219,0.51), 2px 19px rgba(250,250,150,0.45), 3px 19px #fbfa55, 4px 19px #fbfa57, 5px 19px #fcfb57, 6px 19px #fcfb56, 7px 19px #fcfc56, 8px 19px #fdfd56, 9px 19px #fdfd56, 10px 19px #fdfd56, 11px 19px #fdfd56, 12px 19px #fdfc56, 13px 19px #fcfc56, 14px 19px #fdfd56, 15px 19px #fdfd56, 16px 19px #fdfd56, 17px 19px #fdfd56, 18px 19px #fdfe57, 19px 19px #fdfd57, 20px 19px #fdfd56, 21px 19px #fdfd56, 22px 19px #fdfd56, 23px 19px rgba(252,252,91,0.9), 24px 19px rgba(253,253,186,0.73), 25px 19px rgba(252,252,96,0.91), 26px 19px #fdfd56, 27px 19px #fdfc56, 28px 19px #fdfc56, 29px 19px rgba(252,252,89,0.93), 30px 19px rgba(252,252,226,0.39), 1px 20px rgba(170,170,170,0.01), 2px 20px rgba(252,252,198,0.46), 3px 20px #fbfa55, 4px 20px #fbfa56, 5px 20px #fbfa58, 6px 20px #fcfb56, 7px 20px #fcfb56, 8px 20px #fdfc56, 9px 20px #fdfd56, 10px 20px #fdfd56, 11px 20px #fdfd56, 12px 20px #fdfd56, 13px 20px #fcfc56, 14px 20px #fcfd56, 15px 20px #fdfd56, 16px 20px #fdfd56, 17px 20px #fdfd56, 18px 20px #fdfd56, 19px 20px #fdfd57, 20px 20px #fdfd56, 21px 20px #fdfd56, 22px 20px #fdfd56, 23px 20px #fdfd57, 24px 20px rgba(252,252,86,0.99), 25px 20px #fdfd57, 26px 20px #fdfd57, 27px 20px #fdfc56, 28px 20px #fdfc56, 29px 20px rgba(252,252,91,0.89), 30px 20px rgba(255,255,249,0.18), 1px 21px rgba(229,229,229,0.04), 2px 21px rgba(252,252,212,0.47), 3px 21px #fbfa55, 4px 21px #fbfa56, 5px 21px #fbf956, 6px 21px #fcfb56, 7px 21px #fcfb56, 8px 21px #fcfc56, 9px 21px #fdfd56, 10px 21px #fdfd57, 11px 21px #fdfd57, 12px 21px #fdfd56, 13px 21px #fcfc56, 14px 21px #fcfc56, 15px 21px #fdfd57, 16px 21px #fdfd56, 17px 21px #fdfd56, 18px 21px #fdfd56, 19px 21px #fdfd56, 20px 21px #fdfd56, 21px 21px #fdfd56, 22px 21px #fdfd57, 23px 21px #fdfd56, 24px 21px #fdfd56, 25px 21px #fdfd57, 26px 21px #fdfd56, 27px 21px #fcfc56, 28px 21px #fdfc56, 29px 21px rgba(251,251,89,0.91), 1px 22px rgba(226,226,198,0.04), 2px 22px rgba(252,252,197,0.45), 3px 22px #fbfa55, 4px 22px #fbfa56, 5px 22px #faf956, 6px 22px #fcfb56, 7px 22px #fcfb56, 8px 22px #fcfc56, 9px 22px #fdfd56, 10px 22px #fdfd56, 11px 22px #fdfd56, 12px 22px #fdfd56, 13px 22px #fcfc56, 14px 22px #fcfc56, 15px 22px #fdfd57, 16px 22px #fdfd56, 17px 22px #fdfd56, 18px 22px #fdfd56, 19px 22px #fdfd56, 20px 22px #fdfd56, 21px 22px #fdfd57, 22px 22px #fdfd56, 23px 22px #fdfd56, 24px 22px #fdfd56, 25px 22px #fdfd57, 26px 22px #fdfd56, 27px 22px #fcfc56, 28px 22px #fcfc56, 29px 22px rgba(252,252,133,0.77), 1px 23px rgba(170,170,170,0.01), 2px 23px rgba(252,252,200,0.42), 3px 23px #fbfa55, 4px 23px #fcfa56, 5px 23px #fbf956, 6px 23px #fcfb56, 7px 23px #fbfb55, 8px 23px #fcfb56, 9px 23px #fcfc56, 10px 23px #fdfd56, 11px 23px #fdfd56, 12px 23px #fdfd56, 13px 23px #fcfc56, 14px 23px #fcfc56, 15px 23px #fdfd56, 16px 23px #fdfd56, 17px 23px #fdfd56, 18px 23px #fdfd57, 19px 23px #fdfd57, 20px 23px #fdfd56, 21px 23px #fdfd57, 22px 23px #fdfd56, 23px 23px #fdfd56, 24px 23px #fdfd56, 25px 23px #fdfd57, 26px 23px #fdfd56, 27px 23px #fcfd56, 28px 23px #fcfc56, 29px 23px rgba(252,252,242,0.41), 30px 23px rgba(204,204,204,0.02), 2px 24px rgba(252,252,206,0.37), 3px 24px rgba(250,250,85,0.97), 4px 24px #fbfa56, 5px 24px #fbf956, 6px 24px #fcfa55, 7px 24px #fcfb56, 8px 24px #fcfb56, 9px 24px #fcfc56, 10px 24px #fcfc56, 11px 24px #fcfd57, 12px 24px #fcfc56, 13px 24px #fcfc56, 14px 24px #fcfc56, 15px 24px #fcfc56, 16px 24px #fcfc56, 17px 24px #fcfd56, 18px 24px #fdfd57, 19px 24px #fdfd56, 20px 24px #fdfd56, 21px 24px #fdfd56, 22px 24px #fdfd56, 23px 24px #fdfd56, 24px 24px #fdfd56, 25px 24px #fdfd56, 26px 24px #fdfd56, 27px 24px #fcfd56, 28px 24px #fbfb55, 29px 24px rgba(255,255,249,0.18), 2px 25px rgba(251,251,216,0.31), 3px 25px rgba(251,250,87,0.93), 4px 25px #fbfa56, 5px 25px #fbfa58, 6px 25px #fcfa56, 7px 25px #fcfb56, 8px 25px #fcfb56, 9px 25px #fcfb55, 10px 25px #fcfc56, 11px 25px #fcfc56, 12px 25px #fcfc56, 13px 25px #fcfc56, 14px 25px #fcfc56, 15px 25px #fcfc56, 16px 25px #fcfc56, 17px 25px #fcfc56, 18px 25px #fcfc56, 19px 25px #fcfc56, 20px 25px #fcfc56, 21px 25px #fcfc56, 22px 25px #fdfd56, 23px 25px #fdfd56, 24px 25px #fdfd56, 25px 25px #fdfd56, 26px 25px #fdfd56, 27px 25px #fcfc56, 28px 25px rgba(251,251,94,0.92), 29px 25px rgba(249,249,244,0.19), 2px 26px rgba(250,250,234,0.24), 3px 26px rgba(251,250,91,0.87), 4px 26px #fbfa55, 5px 26px #fbfa57, 6px 26px #fbfb56, 7px 26px #fcfb56, 8px 26px #fcfb56, 9px 26px #fcfb55, 10px 26px #fcfb56, 11px 26px #fcfc56, 12px 26px #fcfb56, 13px 26px #fcfb56, 14px 26px #fcfb56, 15px 26px #fcfc56, 16px 26px #fcfc56, 17px 26px #fcfc56, 18px 26px #fcfc56, 19px 26px #fcfc56, 20px 26px #fcfc56, 21px 26px #fcfc56, 22px 26px #fcfc56, 23px 26px #fcfc56, 24px 26px #fcfc56, 25px 26px #fcfc56, 26px 26px #fcfc56, 27px 26px #fcfc56, 28px 26px rgba(253,253,176,0.7), 29px 26px rgba(246,246,228,0.11), 2px 27px rgba(248,248,241,0.15), 3px 27px rgba(251,251,116,0.79), 4px 27px #fbfa55, 5px 27px #fbfa57, 6px 27px #fbfa56, 7px 27px #fcfb56, 8px 27px #fcfb56, 9px 27px #fcfb56, 10px 27px #fcfb56, 11px 27px #fcfb56, 12px 27px #fcfb56, 13px 27px #fcfb56, 14px 27px #fcfb56, 15px 27px #fcfb55, 16px 27px #fcfc56, 17px 27px #fcfc56, 18px 27px #fcfc56, 19px 27px #fcfc56, 20px 27px #fcfc56, 21px 27px #fcfc56, 22px 27px #fcfc56, 23px 27px #fcfc56, 24px 27px #fcfc56, 25px 27px #fcfc56, 26px 27px #fcfc56, 27px 27px #fcfc56, 28px 27px rgba(251,251,167,0.63), 29px 27px rgba(218,218,218,0.03), 2px 28px rgba(231,231,231,0.04), 3px 28px rgba(251,251,136,0.65), 4px 28px #fbfa55, 5px 28px #fbfa58, 6px 28px #fbfa57, 7px 28px #fcfb56, 8px 28px #fcfb56, 9px 28px #fcfb56, 10px 28px #fcfb56, 11px 28px #fcfb56, 12px 28px #fcfb56, 13px 28px #fcfb56, 14px 28px #fcfb56, 15px 28px #fcfb55, 16px 28px #fcfc56, 17px 28px #fcfc56, 18px 28px #fcfc56, 19px 28px #fcfc56, 20px 28px #fcfc56, 21px 28px #fcfc56, 22px 28px #fcfc56, 23px 28px #fcfc56, 24px 28px #fcfc56, 25px 28px #fcfc56, 26px 28px #fcfc56, 27px 28px #fcfc56, 28px 28px rgba(253,253,176,0.62), 3px 29px rgba(250,250,169,0.44), 4px 29px #faf954, 5px 29px #fbfa57, 6px 29px #fbfa58, 7px 29px #fcfb55, 8px 29px #fcfb55, 9px 29px #fcfb56, 10px 29px #fcfb56, 11px 29px #fcfb56, 12px 29px #fcfb56, 13px 29px #fcfb56, 14px 29px #fcfb56, 15px 29px #fcfc56, 16px 29px #fcfc56, 17px 29px #fcfc56, 18px 29px #fcfc56, 19px 29px #fcfb55, 20px 29px #fcfb55, 21px 29px #fcfc56, 22px 29px #fcfc56, 23px 29px #fcfc56, 24px 29px #fcfc56, 25px 29px #fcfc56, 26px 29px #fcfc56, 27px 29px rgba(251,251,87,0.98), 28px 29px rgba(253,253,208,0.56), 3px 30px rgba(251,251,109,0.27), 4px 30px #fbfb57, 5px 30px #fbfa56, 6px 30px #fbfa56, 7px 30px #fcfb56, 8px 30px #fcfb55, 9px 30px #fcfb56, 10px 30px #fcfb56, 11px 30px #fcfb56, 12px 30px #fcfb56, 13px 30px #fcfb55, 14px 30px #fcfb56, 15px 30px #fcfc56, 16px 30px #fcfc56, 17px 30px #fcfc56, 18px 30px #fcfc56, 19px 30px #fcfb55, 20px 30px #fcfc56, 21px 30px #fcfc56, 22px 30px #fcfc56, 23px 30px #fcfc56, 24px 30px #fcfc56, 25px 30px #fcfc56, 26px 30px #fcfc56, 27px 30px rgba(252,251,90,0.95), 28px 30px rgba(252,252,236,0.43), 3px 31px rgba(246,246,172,0.12), 4px 31px rgba(251,251,162,0.77), 5px 31px #fbfa55, 6px 31px #fcfb56, 7px 31px #fcfb56, 8px 31px #fcfb55, 9px 31px #fcfb55, 10px 31px #fcfb56, 11px 31px #fcfb56, 12px 31px #fcfb56, 13px 31px #fcfb55, 14px 31px #fcfb56, 15px 31px #fcfb56, 16px 31px #fcfc56, 17px 31px #fcfc56, 18px 31px #fcfc56, 19px 31px #fcfc56, 20px 31px #fcfb55, 21px 31px #fcfc56, 22px 31px #fcfc56, 23px 31px #fcfc56, 24px 31px #fcfc56, 25px 31px #fcfc56, 26px 31px #fdfc56, 27px 31px rgba(252,251,88,0.94), 28px 31px rgba(255,255,248,0.15), 3px 32px rgba(212,212,212,0.02), 4px 32px rgba(252,252,232,0.4), 5px 32px #fbfb56, 6px 32px #fcfc56, 7px 32px #fcfb55, 8px 32px #fcfb56, 9px 32px #fcfb56, 10px 32px #fcfb56, 11px 32px #fcfb56, 12px 32px #fcfb56, 13px 32px #fcfb56, 14px 32px #fcfb56, 15px 32px #fcfb55, 16px 32px #fcfb56, 17px 32px #fcfc56, 18px 32px #fcfc56, 19px 32px #fcfc56, 20px 32px #fcfc56, 21px 32px #fcfc56, 22px 32px #fcfc56, 23px 32px #fcfc56, 24px 32px #fcfc56, 25px 32px #fcfc56, 26px 32px #fdfc56, 27px 32px rgba(251,251,92,0.85), 4px 33px rgba(255,255,245,0.11), 5px 33px rgba(251,251,90,0.92), 6px 33px #fcfb56, 7px 33px #fcfb55, 8px 33px #fcfb55, 9px 33px #fcfb55, 10px 33px #fcfb56, 11px 33px #fcfb56, 12px 33px #fcfb56, 13px 33px #fcfb56, 14px 33px #fcfb55, 15px 33px #fcfb55, 16px 33px #fcfb56, 17px 33px #fcfc56, 18px 33px #fcfc56, 19px 33px #fcfc56, 20px 33px #fcfc56, 21px 33px #fcfc56, 22px 33px #fcfc56, 23px 33px #fcfc56, 24px 33px #fcfc56, 25px 33px #fdfc56, 26px 33px #fcfc56, 27px 33px rgba(252,252,229,0.43), 28px 33px rgba(212,212,212,0.02), 5px 34px rgba(253,253,196,0.65), 6px 34px rgba(251,250,85,0.98), 7px 34px #fcfb55, 8px 34px #fcfb56, 9px 34px #fcfb55, 10px 34px #fcfb56, 11px 34px #fcfb56, 12px 34px #fcfb55, 13px 34px #fcfb55, 14px 34px #fcfb55, 15px 34px #fcfb56, 16px 34px #fcfb56, 17px 34px #fcfc56, 18px 34px #fcfc56, 19px 34px #fcfc56, 20px 34px #fcfc56, 21px 34px #fcfb55, 22px 34px #fcfc56, 23px 34px #fcfc56, 24px 34px #fcfc56, 25px 34px #fdfc56, 26px 34px #fcfc56, 27px 34px rgba(255,255,249,0.19), 5px 35px rgba(255,255,248,0.15), 6px 35px rgba(251,251,95,0.88), 7px 35px #fcfb55, 8px 35px #fcfc56, 9px 35px #fcfb55, 10px 35px #fcfb56, 11px 35px #fcfb55, 12px 35px #fcfb55, 13px 35px #fcfb55, 14px 35px #fcfb55, 15px 35px #fcfb56, 16px 35px #fcfb56, 17px 35px #fcfc56, 18px 35px #fcfc56, 19px 35px #fcfc56, 20px 35px #fcfc56, 21px 35px #fcfc56, 22px 35px #fcfc56, 23px 35px #fcfc56, 24px 35px #fdfc56, 25px 35px #fcfc56, 26px 35px rgba(252,252,111,0.76), 27px 35px rgba(255,255,247,0.13), 6px 36px rgba(253,251,177,0.65), 7px 36px #fcfb55, 8px 36px #fcfc56, 9px 36px #fcfb55, 10px 36px #fcfb56, 11px 36px #fcfb56, 12px 36px #fcfb55, 13px 36px #fcfb55, 14px 36px #fcfb55, 15px 36px #fcfb56, 16px 36px #fcfb56, 17px 36px #fcfc56, 18px 36px #fcfc56, 19px 36px #fcfc56, 20px 36px #fcfc56, 21px 36px #fcfc56, 22px 36px #fcfc56, 23px 36px #fcfc56, 24px 36px #fdfc56, 25px 36px #fcfc56, 26px 36px rgba(251,251,149,0.56), 27px 36px rgba(212,212,212,0.02), 6px 37px rgba(251,251,235,0.25), 7px 37px rgba(252,251,122,0.82), 8px 37px #fcfb55, 9px 37px #fcfb56, 10px 37px #fcfb55, 11px 37px #fcfb56, 12px 37px #fcfb55, 13px 37px #fcfb55, 14px 37px #fcfb55, 15px 37px #fcfb56, 16px 37px #fcfb56, 17px 37px #fcfc56, 18px 37px #fcfc56, 19px 37px #fcfc56, 20px 37px #fcfc56, 21px 37px #fcfc56, 22px 37px #fcfc56, 23px 37px #fcfc56, 24px 37px #fcfc56, 25px 37px rgba(251,251,86,0.99), 26px 37px rgba(252,252,214,0.45), 6px 38px rgba(255,255,226,0.04), 7px 38px rgba(253,253,211,0.58), 8px 38px #fcfb55, 9px 38px #fcfb56, 10px 38px #fcfb55, 11px 38px #fcfb56, 12px 38px #fcfb55, 13px 38px #fcfb55, 14px 38px #fcfb55, 15px 38px #fcfb56, 16px 38px #fcfb56, 17px 38px #fcfc56, 18px 38px #fcfc56, 19px 38px #fcfc56, 20px 38px #fcfc56, 21px 38px #fcfc56, 22px 38px #fcfc56, 23px 38px #fcfc56, 24px 38px #fcfc56, 25px 38px rgba(252,252,91,0.93), 26px 38px rgba(252,252,234,0.38), 7px 39px rgba(252,252,240,0.33), 8px 39px rgba(251,250,85,0.99), 9px 39px #fcfb55, 10px 39px #fcfb56, 11px 39px #fcfb56, 12px 39px #fcfb55, 13px 39px #fcfb55, 14px 39px #fcfb55, 15px 39px #fcfb56, 16px 39px #fcfb55, 17px 39px #fcfc56, 18px 39px #fcfc56, 19px 39px #fcfc56, 20px 39px #fcfc56, 21px 39px #fcfc56, 22px 39px #fcfc56, 23px 39px #fcfc56, 24px 39px #fcfc56, 25px 39px rgba(252,252,91,0.9), 26px 39px rgba(251,251,209,0.33), 7px 40px rgba(255,255,247,0.13), 8px 40px rgba(253,253,196,0.7), 9px 40px #fcfa55, 10px 40px #fcfb56, 11px 40px #fcfb56, 12px 40px #fcfb55, 13px 40px #fcfb55, 14px 40px #fcfb55, 15px 40px #fcfb56, 16px 40px #fcfb56, 17px 40px #fcfc56, 18px 40px #fcfc56, 19px 40px #fcfc56, 20px 40px #fcfc56, 21px 40px #fcfc56, 22px 40px #fcfc56, 23px 40px #fcfc56, 24px 40px #fdfc56, 25px 40px rgba(252,252,89,0.91), 26px 40px rgba(252,252,207,0.33), 8px 41px rgba(255,255,249,0.2), 9px 41px rgba(250,249,84,0.99), 10px 41px #fcfb56, 11px 41px #fcfb55, 12px 41px #fcfb56, 13px 41px #fcfb56, 14px 41px #fcfb55, 15px 41px #fcfc56, 16px 41px #fcfc56, 17px 41px #fcfc56, 18px 41px #fcfc56, 19px 41px #fcfc56, 20px 41px #fcfc56, 21px 41px #fcfc56, 22px 41px #fcfc56, 23px 41px #fdfc56, 24px 41px #fcfc56, 25px 41px rgba(252,252,86,0.95), 26px 41px rgba(252,252,205,0.36), 8px 42px rgba(255,255,233,0.05), 9px 42px rgba(251,250,98,0.9), 10px 42px #fcfb55, 11px 42px #fcfb56, 12px 42px #fcfb56, 13px 42px #fcfc56, 14px 42px #fcfb55, 15px 42px #fcfc56, 16px 42px #fcfc56, 17px 42px #fcfc56, 18px 42px #fcfc56, 19px 42px #fcfc56, 20px 42px #fcfc56, 21px 42px #fcfc56, 22px 42px #fdfc56, 23px 42px #fdfc56, 24px 42px #fcfc56, 25px 42px rgba(252,252,85,0.99), 26px 42px rgba(252,252,231,0.46), 27px 42px rgba(255,255,127,0.01), 9px 43px rgba(251,251,117,0.84), 10px 43px #fcfb56, 11px 43px #fcfb55, 12px 43px #fcfb55, 13px 43px #fcfc56, 14px 43px #fcfc56, 15px 43px #fcfc56, 16px 43px #fcfc56, 17px 43px #fcfc56, 18px 43px #fcfc56, 19px 43px #fcfc56, 20px 43px #fcfc56, 21px 43px #fcfc56, 22px 43px #fdfc56, 23px 43px #fdfc56, 24px 43px #fdfd56, 25px 43px #fdfc56, 26px 43px rgba(253,253,200,0.63), 27px 43px rgba(255,255,236,0.05), 9px 44px rgba(251,251,102,0.84), 10px 44px #fcfb56, 11px 44px #fcfb56, 12px 44px #fcfb55, 13px 44px #fcfc56, 14px 44px #fcfc56, 15px 44px #fcfc56, 16px 44px #fcfc56, 17px 44px #fcfc56, 18px 44px #fcfc56, 19px 44px #fcfc56, 20px 44px #fcfc56, 21px 44px #fcfc56, 22px 44px #fcfc56, 23px 44px #fdfc56, 24px 44px #fdfc56, 25px 44px #fdfd56, 26px 44px rgba(252,252,112,0.78), 27px 44px rgba(247,247,239,0.13), 9px 45px rgba(251,251,110,0.81), 10px 45px #fcfb55, 11px 45px #fcfb56, 12px 45px #fcfb56, 13px 45px #fcfc56, 14px 45px #fcfc56, 15px 45px #fcfc56, 16px 45px #fcfc56, 17px 45px #fcfc56, 18px 45px #fcfc56, 19px 45px #fcfc56, 20px 45px #fcfc56, 21px 45px #fcfc56, 22px 45px #fcfc56, 23px 45px #fdfc56, 24px 45px #fdfc56, 25px 45px #fdfc56, 26px 45px rgba(252,252,90,0.98), 27px 45px rgba(251,251,239,0.25), 8px 46px rgba(249,249,244,0.19), 9px 46px rgba(251,251,107,0.84), 10px 46px #fcfb55, 11px 46px #fcfb55, 12px 46px #fcfc56, 13px 46px #fcfc56, 14px 46px #fcfc56, 15px 46px #fcfc56, 16px 46px #fcfc56, 17px 46px #fdfc56, 18px 46px #fdfc56, 19px 46px #fcfc56, 20px 46px #fcfc56, 21px 46px #fcfc56, 22px 46px #fcfc56, 23px 46px #fcfc56, 24px 46px #fdfc56, 25px 46px #fdfc56, 26px 46px #fcfc56, 27px 46px rgba(252,252,235,0.42), 8px 47px rgba(250,250,138,0.44), 9px 47px rgba(251,250,88,0.98), 10px 47px #fcfb55, 11px 47px #fcfb55, 12px 47px #fcfc56, 13px 47px #fcfc56, 14px 47px #fcfc56, 15px 47px #fdfc56, 16px 47px #fcfc56, 17px 47px #fcfc56, 18px 47px #fcfc56, 19px 47px #fcfc56, 20px 47px #fcfc56, 21px 47px #fcfc56, 22px 47px #fcfc56, 23px 47px #fcfc56, 24px 47px #fdfc56, 25px 47px #fdfc56, 26px 47px #fcfc56, 27px 47px rgba(253,253,190,0.62), 28px 47px rgba(255,223,223,0.03), 8px 48px rgba(252,252,199,0.47), 9px 48px #fbfb55, 10px 48px #fcfb55, 11px 48px #fcfb55, 12px 48px #fcfc56, 13px 48px #fcfc56, 14px 48px #fdfc56, 15px 48px #fdfc56, 16px 48px #fcfc56, 17px 48px #fcfc56, 18px 48px #fcfc56, 19px 48px #fcfc56, 20px 48px #fcfc56, 21px 48px #fcfc56, 22px 48px #fcfc56, 23px 48px #fcfc56, 24px 48px #fdfc56, 25px 48px #fdfc56, 26px 48px #fdfc56, 27px 48px rgba(252,252,116,0.83), 28px 48px rgba(251,251,239,0.26), 8px 49px rgba(252,252,222,0.46), 9px 49px #fbfb55, 10px 49px #fcfb56, 11px 49px #fcfb55, 12px 49px #fcfc56, 13px 49px #fcfc56, 14px 49px #fcfc56, 15px 49px #fcfc56, 16px 49px #fcfc56, 17px 49px #fcfc56, 18px 49px #fdfc56, 19px 49px #fcfc56, 20px 49px #fcfc56, 21px 49px #fcfc56, 22px 49px #fcfc56, 23px 49px #fcfc56, 24px 49px #fdfc56, 25px 49px #fdfc56, 26px 49px #fdfc56, 27px 49px rgba(252,252,88,0.96), 28px 49px rgba(251,251,146,0.55), 7px 50px rgba(235,235,215,0.05), 8px 50px rgba(251,251,167,0.54), 9px 50px #fcfb55, 10px 50px #fcfb56, 11px 50px #fcfb55, 12px 50px #fcfc56, 13px 50px #fcfc56, 14px 50px #fcfc56, 15px 50px #fcfc56, 16px 50px #fcfc56, 17px 50px #fcfc56, 18px 50px #fcfc56, 19px 50px #fcfc56, 20px 50px #fcfc56, 21px 50px #fcfc56, 22px 50px #fcfc56, 23px 50px #fcfc56, 24px 50px #fcfc56, 25px 50px #fdfc56, 26px 50px #fdfd56, 27px 50px #fdfd56, 28px 50px rgba(252,252,116,0.77), 7px 51px rgba(240,240,184,0.07), 8px 51px rgba(250,250,167,0.68), 9px 51px #fcfb55, 10px 51px #fcfb56, 11px 51px #fcfb55, 12px 51px #fcfc56, 13px 51px #fcfc56, 14px 51px #fcfc56, 15px 51px #fcfc56, 16px 51px #fcfc56, 17px 51px #fcfc56, 18px 51px #fcfc56, 19px 51px #fcfc56, 20px 51px #fcfc56, 21px 51px #fcfc56, 22px 51px #fcfc56, 23px 51px #fcfc56, 24px 51px #fcfc56, 25px 51px #fdfc56, 26px 51px #fdfd57, 27px 51px #fdfd56, 28px 51px rgba(252,252,92,0.88), 29px 51px rgba(255,255,242,0.08), 7px 52px rgba(229,229,229,0.04), 8px 52px rgba(251,251,119,0.8), 9px 52px #fcfb55, 10px 52px #fcfb56, 11px 52px #fcfb55, 12px 52px #fcfc56, 13px 52px #fcfc56, 14px 52px #fcfc56, 15px 52px #fcfc56, 16px 52px #fcfc56, 17px 52px #fcfc56, 18px 52px #fcfc56, 19px 52px #fcfc56, 20px 52px #fcfc56, 21px 52px #fcfc56, 22px 52px #fcfc56, 23px 52px #fcfc56, 24px 52px #fcfc56, 25px 52px #fcfc56, 26px 52px #fdfc56, 27px 52px #fdfd56, 28px 52px rgba(252,252,86,0.98), 29px 52px rgba(251,251,234,0.29), 30px 52px rgba(127,127,127,0.01), 7px 53px rgba(223,223,223,0.03), 8px 53px rgba(251,251,102,0.85), 9px 53px #fbfa55, 10px 53px #fcfb56, 11px 53px #fcfb56, 12px 53px #fcfc56, 13px 53px #fcfc56, 14px 53px #fcfc56, 15px 53px #fcfc56, 16px 53px #fcfc56, 17px 53px #fcfc56, 18px 53px #fcfc56, 19px 53px #fcfc56, 20px 53px #fcfc56, 21px 53px #fcfc56, 22px 53px #fcfc56, 23px 53px #fcfc56, 24px 53px #fcfc56, 25px 53px #fcfc56, 26px 53px #fcfc56, 27px 53px #fdfd56, 28px 53px #fcfc56, 29px 53px rgba(252,252,234,0.45), 30px 53px rgba(226,226,226,0.04), 7px 54px rgba(246,246,246,0.11), 8px 54px rgba(251,251,103,0.87), 9px 54px #fcfb56, 10px 54px #fcfb56, 11px 54px #fcfb56, 12px 54px #fcfc56, 13px 54px #fcfc56, 14px 54px #fcfc56, 15px 54px #fcfc56, 16px 54px #fcfc56, 17px 54px #fcfc56, 18px 54px #fcfc56, 19px 54px #fcfc56, 20px 54px #fcfc56, 21px 54px #fcfc56, 22px 54px #fcfc56, 23px 54px #fcfc56, 24px 54px #fcfc56, 25px 54px #fcfc56, 26px 54px #fcfc56, 27px 54px #fdfc56, 28px 54px #fcfc56, 29px 54px rgba(253,253,184,0.67), 30px 54px rgba(245,245,217,0.11), 7px 55px rgba(255,250,246,0.25), 8px 55px rgba(251,251,92,0.89), 9px 55px #fcfb55, 10px 55px #fcfb56, 11px 55px #fcfb56, 12px 55px #fcfc56, 13px 55px #fcfc56, 14px 55px #fcfc56, 15px 55px #fcfc56, 16px 55px #fcfc56, 17px 55px #fcfc56, 18px 55px #fcfc56, 19px 55px #fcfc56, 20px 55px #fdfc56, 21px 55px #fdfc56, 22px 55px #fcfc56, 23px 55px #fcfc56, 24px 55px #fcfc56, 25px 55px #fcfc56, 26px 55px #fcfc56, 27px 55px #fdfc56, 28px 55px #fdfd56, 29px 55px rgba(252,252,133,0.89), 30px 55px rgba(250,250,188,0.24), 7px 56px rgba(252,252,240,0.35), 8px 56px rgba(251,250,89,0.91), 9px 56px #fcfb55, 10px 56px #fcfb56, 11px 56px #fcfb55, 12px 56px #fcfc56, 13px 56px #fcfc56, 14px 56px #fdfc56, 15px 56px #fdfd56, 16px 56px #fdfd56, 17px 56px #fdfd56, 18px 56px #fdfd56, 19px 56px #fdfd56, 20px 56px #fdfd56, 21px 56px #fdfd56, 22px 56px #fdfd56, 23px 56px #fdfd56, 24px 56px #fdfd56, 25px 56px #fdfd56, 26px 56px #fcfd56, 27px 56px #fdfd56, 28px 56px #fdfd56, 29px 56px #fdfd5b, 30px 56px rgba(252,252,122,0.4), 7px 57px rgba(252,252,227,0.47), 8px 57px #fbfa56, 9px 57px #fcfb55, 10px 57px #fcfb56, 11px 57px #fcfb55, 12px 57px #fcfc56, 13px 57px #fcfc56, 14px 57px #fdfd56, 15px 57px #fdfd57, 16px 57px #fdfd57, 17px 57px #fdfd57, 18px 57px #fdfd57, 19px 57px #fdfd56, 20px 57px #fdfc56, 21px 57px #fdfc57, 22px 57px #fdfc57, 23px 57px #fdfc57, 24px 57px #fdfc57, 25px 57px #fdfc56, 26px 57px #fdfd57, 27px 57px #fdfd57, 28px 57px #fdfd57, 29px 57px #fcfc56, 30px 57px rgba(253,253,185,0.58), 7px 58px rgba(252,252,211,0.49), 8px 58px #fbfb55, 9px 58px #fcfb55, 10px 58px #fcfb56, 11px 58px #fcfb56, 12px 58px #fcfc56, 13px 58px #fcfc56, 14px 58px #fcf555, 15px 58px #fd9e3b, 16px 58px #fc953b, 17px 58px #fd7936, 18px 58px #fe6e3a, 19px 58px #fd873e, 20px 58px #fa9b41, 21px 58px #fba94a, 22px 58px #faaf4a, 23px 58px #fab452, 24px 58px #fbb153, 25px 58px #fd8046, 26px 58px #fe7134, 27px 58px #fdf454, 28px 58px #fdfd56, 29px 58px #fdfc56, 30px 58px rgba(252,252,124,0.71), 31px 58px rgba(255,255,212,0.02), 6px 59px rgba(255,204,204,0.02), 7px 59px rgba(252,252,232,0.5), 8px 59px #fbfa55, 9px 59px #fcfb56, 10px 59px #fcfb56, 11px 59px #fcfb56, 12px 59px #fcfc56, 13px 59px #fcf956, 14px 59px #fb2226, 15px 59px #f80026, 16px 59px #e20021, 17px 59px #fb0025, 18px 59px #fd002b, 19px 59px #f3002a, 20px 59px #e80028, 21px 59px #ee002b, 22px 59px #f50032, 23px 59px #f6003c, 24px 59px #f80037, 25px 59px #f8002f, 26px 59px #fe0034, 27px 59px #fd9539, 28px 59px #fdfd56, 29px 59px #fdfc56, 30px 59px rgba(252,252,93,0.9), 31px 59px rgba(252,252,238,0.37), 32px 59px rgba(255,255,191,0.02), 6px 60px rgba(255,243,243,0.09), 7px 60px rgba(253,252,207,0.71), 8px 60px #fcfb56, 9px 60px #fcfb64, 10px 60px #fcfc58, 11px 60px #fcfb55, 12px 60px #fcfc56, 13px 60px #fcf756, 14px 60px #fd0024, 15px 60px #fb0020, 16px 60px #f50023, 17px 60px #f7001f, 18px 60px #f5001e, 19px 60px #ea001e, 20px 60px #f70024, 21px 60px #f60020, 22px 60px #fc002c, 23px 60px #f50023, 24px 60px #f80029, 25px 60px #f30025, 26px 60px #fe0034, 27px 60px #fd8038, 28px 60px #fcfd57, 29px 60px #fcfc56, 30px 60px #fdfc56, 31px 60px rgba(252,252,99,0.85), 32px 60px rgba(255,255,226,0.04), 6px 61px rgba(255,255,247,0.13), 7px 61px rgba(250,250,87,0.97), 8px 61px #fcfb56, 9px 61px #fcfb5a, 10px 61px #fcfb57, 11px 61px #fcfb56, 12px 61px #fcfc56, 13px 61px #fcfb56, 14px 61px #fdc349, 15px 61px #fc3723, 16px 61px #fb2f26, 17px 61px #f53722, 18px 61px #fa2f25, 19px 61px #f74223, 20px 61px #f9542a, 21px 61px #f9672f, 22px 61px #fc7935, 23px 61px #fa9538, 24px 61px #fba43e, 25px 61px #fbac3f, 26px 61px #fdb942, 27px 61px #fcf855, 28px 61px #fdfc56, 29px 61px rgba(252,251,85,0.99), 30px 61px rgba(252,252,87,0.94), 31px 61px rgba(253,253,220,0.52), 32px 61px rgba(255,255,127,0.01), 5px 62px rgba(243,243,232,0.09), 6px 62px rgba(251,251,157,0.76), 7px 62px #faf955, 8px 62px #fbfb57, 9px 62px #fcfb56, 10px 62px #fcfb55, 11px 62px #fcfb56, 12px 62px #fcfb56, 13px 62px #fcfb56, 14px 62px #fcfb57, 15px 62px #fcf855, 16px 62px #fcfa56, 17px 62px #fcfb56, 18px 62px #fcfc56, 19px 62px #fdfc57, 20px 62px #fdfc56, 21px 62px #fdfc56, 22px 62px #fdfc56, 23px 62px #fdfc56, 24px 62px #fdfc56, 25px 62px #fdfc56, 26px 62px #fdfc56, 27px 62px #fdfd56, 28px 62px rgba(252,252,90,0.9), 29px 62px rgba(252,252,138,0.75), 30px 62px rgba(252,252,221,0.44), 5px 63px rgba(243,243,243,0.09), 6px 63px rgba(251,250,109,0.9), 7px 63px #fbfa55, 8px 63px #fbfa55, 9px 63px #faf954, 10px 63px #fcfa56, 11px 63px #fcfb55, 12px 63px #fcfb55, 13px 63px #fcfb55, 14px 63px #fcfc56, 15px 63px #fcfc56, 16px 63px #fcfc56, 17px 63px #fdfc56, 18px 63px #fdfc56, 19px 63px rgba(252,252,86,0.98), 20px 63px rgba(252,252,86,0.92), 21px 63px rgba(252,252,86,0.85), 22px 63px rgba(252,252,87,0.78), 23px 63px rgba(252,252,89,0.71), 24px 63px rgba(251,251,90,0.64), 25px 63px rgba(251,251,107,0.55), 26px 63px rgba(252,252,155,0.45), 27px 63px rgba(255,255,247,0.28), 28px 63px rgba(243,243,188,0.09), 5px 64px rgba(191,191,191,0.02), 6px 64px rgba(249,249,244,0.18), 7px 64px rgba(252,252,233,0.43), 8px 64px rgba(253,253,193,0.59), 9px 64px rgba(252,251,138,0.75), 10px 64px rgba(252,251,112,0.85), 11px 64px rgba(252,252,106,0.84), 12px 64px rgba(251,251,99,0.78), 13px 64px rgba(252,252,138,0.76), 14px 64px rgba(253,253,198,0.71), 15px 64px rgba(253,253,220,0.64), 16px 64px rgba(253,253,235,0.57), 17px 64px rgba(255,253,241,0.51), 18px 64px rgba(255,255,250,0.41), 19px 64px rgba(251,251,111,0.29), 20px 64px rgba(250,250,91,0.22), 21px 64px rgba(249,249,92,0.17), 22px 64px rgba(247,247,92,0.13), 23px 64px rgba(245,245,98,0.1), 24px 64px rgba(240,240,113,0.07), 25px 64px rgba(235,235,137,0.05), 26px 64px rgba(223,223,191,0.03), 27px 64px rgba(255,255,170,0.01), 7px 65px rgba(223,223,223,0.03), 8px 65px rgba(223,223,159,0.03), 10px 65px rgba(255,255,204,0.02), 11px 65px rgba(255,255,240,0.07), 12px 65px rgba(244,244,223,0.09), 13px 65px rgba(255,248,241,0.15), 14px 65px rgba(255,255,247,0.13), 15px 65px rgba(255,255,244,0.09), 16px 65px rgba(255,255,240,0.07), 17px 65px rgba(255,255,233,0.05), 18px 65px rgba(255,255,204,0.02);
box-shadow: 12px 1px rgba(251,251,216,0.28), 13px 1px rgba(252,255,203,0.35), 14px 1px rgba(255,255,244,0.09), 10px 2px rgba(255,255,127,0.01), 11px 2px rgba(255,255,248,0.3), 12px 2px rgba(252,252,95,0.86), 13px 2px rgba(252,253,89,0.91), 14px 2px rgba(252,253,110,0.82), 15px 2px rgba(255,255,238,0.06), 19px 2px rgba(249,249,206,0.18), 20px 2px rgba(252,255,212,0.4), 21px 2px rgba(255,255,192,0.32), 6px 3px rgba(170,255,170,0.01), 10px 3px rgba(255,255,223,0.03), 11px 3px rgba(252,252,155,0.71), 12px 3px #fdfd56, 13px 3px #fdfe56, 14px 3px #fefe57, 15px 3px rgba(252,255,219,0.48), 16px 3px rgba(255,255,127,0.01), 18px 3px rgba(235,255,235,0.05), 19px 3px rgba(252,252,144,0.78), 20px 3px #fdfd57, 21px 3px rgba(252,253,97,0.89), 22px 3px rgba(255,255,228,0.42), 23px 3px rgba(255,255,170,0.01), 5px 4px rgba(255,255,240,0.42), 6px 4px rgba(252,252,173,0.49), 7px 4px rgba(255,255,244,0.19), 8px 4px rgba(255,255,191,0.02), 10px 4px rgba(255,240,240,0.07), 11px 4px rgba(252,251,94,0.87), 12px 4px #fdfd56, 13px 4px #fdfe58, 14px 4px #fdfe56, 15px 4px rgba(252,252,132,0.74), 16px 4px rgba(255,255,240,0.07), 18px 4px rgba(252,252,243,0.35), 19px 4px #fcfc55, 20px 4px #fdfd58, 21px 4px #fdfe56, 22px 4px rgba(252,252,102,0.85), 23px 4px rgba(255,255,247,0.13), 4px 5px rgba(252,252,237,0.41), 5px 5px rgba(252,252,88,0.93), 6px 5px #fdfe56, 7px 5px rgba(252,252,90,0.95), 8px 5px rgba(255,255,241,0.15), 10px 5px rgba(245,245,218,0.11), 11px 5px rgba(251,251,94,0.85), 12px 5px #fdfd56, 13px 5px #fdfe63, 14px 5px #fefe5a, 15px 5px rgba(252,252,92,0.88), 16px 5px rgba(255,255,249,0.19), 18px 5px rgba(253,253,190,0.64), 19px 5px rgba(252,252,86,0.98), 20px 5px #fdfd5c, 21px 5px #fefe5a, 22px 5px rgba(252,252,86,0.98), 23px 5px rgba(255,255,247,0.28), 3px 6px rgba(255,255,191,0.02), 4px 6px rgba(252,252,164,0.71), 5px 6px #fdfd56, 6px 6px #fdfe57, 7px 6px #fdfe56, 8px 6px rgba(255,255,240,0.41), 9px 6px rgba(127,127,127,0.01), 10px 6px rgba(244,244,102,0.1), 11px 6px rgba(251,251,88,0.8), 12px 6px #fdfd56, 13px 6px #fdfd5d, 14px 6px #fefe5e, 15px 6px #fcfc59, 16px 6px rgba(255,255,241,0.29), 18px 6px rgba(253,253,195,0.66), 19px 6px #fdfd56, 20px 6px #fdfd57, 21px 6px #fdfd58, 22px 6px #fdfd56, 23px 6px rgba(255,255,234,0.39), 27px 6px rgba(255,255,204,0.02), 28px 6px rgba(255,255,239,0.06), 3px 7px rgba(248,248,248,0.16), 4px 7px rgba(252,251,131,0.81), 5px 7px #fdfd56, 6px 7px #fefe5d, 7px 7px #fdfe57, 8px 7px rgba(255,253,216,0.6), 9px 7px rgba(231,231,185,0.04), 10px 7px rgba(244,244,191,0.09), 11px 7px rgba(251,251,102,0.76), 12px 7px #fdfd56, 13px 7px #fdfd57, 14px 7px #fefe5a, 15px 7px #fdfd59, 16px 7px rgba(252,252,195,0.38), 18px 7px rgba(253,251,171,0.64), 19px 7px #fdfc56, 20px 7px #fdfd56, 21px 7px #fdfd56, 22px 7px #fdfd56, 23px 7px rgba(252,252,189,0.49), 26px 7px rgba(255,255,127,0.01), 27px 7px rgba(255,255,248,0.31), 28px 7px rgba(255,255,231,0.56), 29px 7px rgba(255,255,231,0.35), 30px 7px rgba(255,255,236,0.05), 3px 8px rgba(251,251,228,0.26), 4px 8px rgba(251,251,100,0.85), 5px 8px #fdfd56, 6px 8px #fefe62, 7px 8px #fefe5c, 8px 8px rgba(252,252,86,0.7), 9px 8px rgba(242,242,218,0.08), 10px 8px rgba(255,245,245,0.1), 11px 8px rgba(253,253,176,0.74), 12px 8px #fcfc56, 13px 8px #fdfd56, 14px 8px #fdfd57, 15px 8px #fdfd57, 16px 8px rgba(251,251,123,0.5), 18px 8px rgba(251,251,119,0.6), 19px 8px #fdfc56, 20px 8px #fdfd56, 21px 8px #fdfd56, 22px 8px #fdfd56, 23px 8px rgba(251,251,126,0.6), 26px 8px rgba(255,255,250,0.23), 27px 8px rgba(252,252,90,0.9), 28px 8px #fdfd56, 29px 8px rgba(252,253,106,0.91), 30px 8px rgba(251,255,223,0.31), 3px 9px rgba(251,251,132,0.29), 4px 9px rgba(251,251,88,0.89), 5px 9px #fdfd56, 6px 9px #fdfd59, 7px 9px #fdfe57, 8px 9px rgba(252,252,106,0.78), 9px 9px rgba(247,247,239,0.13), 10px 9px rgba(244,244,244,0.1), 11px 9px rgba(253,253,198,0.72), 12px 9px #fcfc56, 13px 9px #fdfd56, 14px 9px #fdfd56, 15px 9px #fdfd56, 16px 9px rgba(251,251,107,0.61), 18px 9px rgba(253,251,172,0.6), 19px 9px #fcfc56, 20px 9px #fdfd56, 21px 9px #fdfd56, 22px 9px #fdfd56, 23px 9px rgba(252,252,105,0.69), 26px 9px rgba(255,255,246,0.34), 27px 9px #fdfd56, 28px 9px #fefe61, 29px 9px #fcfc5b, 30px 9px rgba(251,251,103,0.57), 3px 10px rgba(250,250,89,0.25), 4px 10px rgba(251,250,86,0.9), 5px 10px #fcfc56, 6px 10px #fdfd57, 7px 10px #fdfd56, 8px 10px rgba(252,252,122,0.84), 9px 10px rgba(255,249,249,0.18), 10px 10px rgba(240,240,226,0.07), 11px 10px rgba(253,253,208,0.69), 12px 10px #fcfc56, 13px 10px #fdfd56, 14px 10px #fdfd56, 15px 10px #fdfd56, 16px 10px rgba(252,252,91,0.71), 18px 10px rgba(253,253,235,0.63), 19px 10px #fcfc56, 20px 10px #fdfd56, 21px 10px #fdfd56, 22px 10px #fdfd56, 23px 10px rgba(252,252,104,0.77), 25px 10px rgba(238,238,238,0.06), 26px 10px rgba(253,253,217,0.58), 27px 10px #fdfd56, 28px 10px #fdfe59, 29px 10px #fdfd58, 30px 10px rgba(252,252,108,0.72), 3px 11px rgba(249,249,93,0.19), 4px 11px rgba(251,250,86,0.88), 5px 11px #fcfc56, 6px 11px #fdfd56, 7px 11px #fdfd56, 8px 11px rgba(252,252,90,0.9), 9px 11px rgba(251,251,239,0.26), 10px 11px rgba(231,231,231,0.04), 11px 11px rgba(253,253,221,0.65), 12px 11px #fcfc56, 13px 11px #fdfd56, 14px 11px #fdfd56, 15px 11px #fdfd57, 16px 11px rgba(252,252,93,0.82), 18px 11px rgba(252,252,171,0.67), 19px 11px #fcfc56, 20px 11px #fdfd56, 21px 11px #fdfd56, 22px 11px #fdfd56, 23px 11px rgba(252,252,98,0.85), 25px 11px rgba(240,240,135,0.07), 26px 11px rgba(252,252,144,0.73), 27px 11px #fdfd56, 28px 11px #fdfd56, 29px 11px #fdfd57, 30px 11px rgba(252,252,126,0.82), 3px 12px rgba(247,247,247,0.13), 4px 12px rgba(251,251,95,0.85), 5px 12px #fcfc56, 6px 12px #fdfd56, 7px 12px #fdfd57, 8px 12px rgba(252,252,86,0.95), 9px 12px rgba(252,252,220,0.38), 10px 12px rgba(191,191,191,0.02), 11px 12px rgba(253,253,227,0.62), 12px 12px #fcfb55, 13px 12px #fdfd56, 14px 12px #fdfd56, 15px 12px #fdfd56, 16px 12px rgba(252,252,90,0.9), 18px 12px rgba(250,249,131,0.67), 19px 12px #fcfc56, 20px 12px #fdfd56, 21px 12px #fdfd56, 22px 12px #fdfd57, 23px 12px rgba(252,252,93,0.92), 25px 12px rgba(255,191,191,0.02), 26px 12px rgba(252,251,94,0.89), 27px 12px #fdfd57, 28px 12px #fdfd56, 29px 12px #fcfc57, 30px 12px rgba(252,252,114,0.84), 31px 12px rgba(127,127,0,0.01), 3px 13px rgba(238,238,221,0.06), 4px 13px rgba(251,249,93,0.79), 5px 13px #fcfc56, 6px 13px #fdfd56, 7px 13px #fdfd57, 8px 13px #fcfc55, 9px 13px rgba(252,252,155,0.48), 11px 13px rgba(253,253,229,0.58), 12px 13px rgba(251,251,85,0.99), 13px 13px #fdfc56, 14px 13px #fdfd56, 15px 13px #fdfd56, 16px 13px rgba(252,252,88,0.97), 17px 13px rgba(127,127,127,0.01), 18px 13px rgba(250,250,162,0.67), 19px 13px #fbfb55, 20px 13px #fdfd56, 21px 13px #fdfd56, 22px 13px #fdfd56, 23px 13px rgba(252,252,95,0.93), 24px 13px rgba(255,255,231,0.04), 25px 13px rgba(255,255,231,0.04), 26px 13px rgba(252,251,90,0.89), 27px 13px #fdfd56, 28px 13px #fdfd56, 29px 13px #fdfd57, 30px 13px rgba(252,252,114,0.82), 31px 13px rgba(236,236,127,0.05), 4px 14px rgba(251,251,122,0.77), 5px 14px rgba(251,250,85,0.99), 6px 14px #fdfc56, 7px 14px #fdfd56, 8px 14px #fdfd56, 9px 14px rgba(251,251,102,0.58), 11px 14px rgba(253,253,225,0.55), 12px 14px rgba(251,251,86,0.97), 13px 14px #fcfc56, 14px 14px #fdfd56, 15px 14px #fdfd56, 16px 14px rgba(252,252,87,0.98), 17px 14px rgba(255,226,226,0.04), 18px 14px rgba(252,250,198,0.7), 19px 14px rgba(251,251,86,0.99), 20px 14px #fdfc56, 21px 14px #fdfd56, 22px 14px #fdfd56, 23px 14px rgba(252,252,90,0.9), 24px 14px rgba(243,243,231,0.09), 25px 14px rgba(248,248,242,0.16), 26px 14px rgba(252,252,91,0.88), 27px 14px #fdfd56, 28px 14px #fdfd56, 29px 14px #fdfd56, 30px 14px rgba(252,252,164,0.76), 31px 14px rgba(245,245,196,0.1), 3px 15px rgba(252,252,246,0.35), 4px 15px rgba(251,250,90,0.93), 5px 15px #fcfb56, 6px 15px #fcfc56, 7px 15px #fdfd57, 8px 15px #fdfd56, 9px 15px rgba(252,252,124,0.72), 10px 15px rgba(226,226,198,0.04), 11px 15px rgba(252,252,217,0.48), 12px 15px rgba(251,250,89,0.95), 13px 15px #fcfc56, 14px 15px #fdfd56, 15px 15px #fdfd56, 16px 15px rgba(252,252,89,0.98), 17px 15px rgba(244,244,244,0.09), 18px 15px rgba(251,251,190,0.64), 19px 15px #fbfa56, 20px 15px #fcfc56, 21px 15px #fdfd56, 22px 15px #fdfd56, 23px 15px rgba(252,252,88,0.87), 24px 15px rgba(246,246,205,0.12), 25px 15px rgba(250,250,238,0.24), 26px 15px rgba(252,251,102,0.88), 27px 15px #fdfd56, 28px 15px #fdfd57, 29px 15px #fdfd56, 30px 15px rgba(253,253,181,0.68), 31px 15px rgba(245,245,227,0.11), 3px 16px rgba(250,250,156,0.71), 4px 16px #fafa54, 5px 16px #fcfb56, 6px 16px #fcfc56, 7px 16px #fdfd56, 8px 16px #fdfd56, 9px 16px rgba(252,252,133,0.87), 10px 16px rgba(245,245,226,0.11), 11px 16px rgba(252,252,230,0.4), 12px 16px rgba(251,250,91,0.93), 13px 16px #fcfc56, 14px 16px #fdfd56, 15px 16px #fdfd56, 16px 16px rgba(252,252,90,0.97), 17px 16px rgba(249,249,239,0.19), 18px 16px rgba(251,251,187,0.59), 19px 16px #fcfb56, 20px 16px #fcfc56, 21px 16px #fdfd56, 22px 16px #fdfd56, 23px 16px rgba(252,252,100,0.85), 24px 16px rgba(255,255,247,0.13), 25px 16px rgba(252,252,240,0.33), 26px 16px rgba(252,251,88,0.93), 27px 16px #fdfd56, 28px 16px #fdfd57, 29px 16px #fdfd56, 30px 16px rgba(253,253,172,0.63), 31px 16px rgba(241,241,228,0.07), 2px 17px rgba(250,250,241,0.22), 3px 17px rgba(251,250,103,0.88), 4px 17px #fcfb56, 5px 17px #fcfb56, 6px 17px #fcfb56, 7px 17px #fdfc56, 8px 17px #fdfd56, 9px 17px rgba(252,252,87,0.97), 10px 17px rgba(255,255,242,0.24), 11px 17px rgba(251,251,242,0.32), 12px 17px rgba(251,250,88,0.95), 13px 17px #fcfc56, 14px 17px #fdfd56, 15px 17px #fdfd56, 16px 17px #fdfd56, 17px 17px rgba(253,253,205,0.6), 18px 17px rgba(252,252,136,0.75), 19px 17px #fcfc56, 20px 17px #fdfd56, 21px 17px #fdfd56, 22px 17px #fdfd56, 23px 17px rgba(252,252,108,0.78), 24px 17px rgba(255,255,245,0.11), 25px 17px rgba(252,252,235,0.42), 26px 17px #fcfc56, 27px 17px #fdfd56, 28px 17px #fdfd56, 29px 17px #fdfd56, 30px 17px rgba(253,253,178,0.58), 31px 17px rgba(255,255,191,0.02), 2px 18px rgba(250,250,148,0.44), 3px 18px rgba(251,250,86,0.98), 4px 18px #fcfb56, 5px 18px #fcfb57, 6px 18px #fcfb56, 7px 18px #fcfc56, 8px 18px #fdfd56, 9px 18px #fdfd56, 10px 18px rgba(253,253,176,0.64), 11px 18px rgba(253,253,188,0.65), 12px 18px rgba(251,251,86,0.99), 13px 18px #fcfc56, 14px 18px #fdfd56, 15px 18px #fdfd56, 16px 18px #fdfd56, 17px 18px #fdfd56, 18px 18px #fdfd56, 19px 18px #fdfd56, 20px 18px #fdfd56, 21px 18px #fdfd56, 22px 18px #fdfd56, 23px 18px rgba(252,252,109,0.74), 24px 18px rgba(255,255,247,0.13), 25px 18px rgba(253,253,235,0.51), 26px 18px #fcfc56, 27px 18px #fdfd56, 28px 18px #fdfc56, 29px 18px rgba(252,251,86,0.99), 30px 18px rgba(253,253,219,0.51), 2px 19px rgba(250,250,150,0.45), 3px 19px #fbfa55, 4px 19px #fbfa57, 5px 19px #fcfb57, 6px 19px #fcfb56, 7px 19px #fcfc56, 8px 19px #fdfd56, 9px 19px #fdfd56, 10px 19px #fdfd56, 11px 19px #fdfd56, 12px 19px #fdfc56, 13px 19px #fcfc56, 14px 19px #fdfd56, 15px 19px #fdfd56, 16px 19px #fdfd56, 17px 19px #fdfd56, 18px 19px #fdfe57, 19px 19px #fdfd57, 20px 19px #fdfd56, 21px 19px #fdfd56, 22px 19px #fdfd56, 23px 19px rgba(252,252,91,0.9), 24px 19px rgba(253,253,186,0.73), 25px 19px rgba(252,252,96,0.91), 26px 19px #fdfd56, 27px 19px #fdfc56, 28px 19px #fdfc56, 29px 19px rgba(252,252,89,0.93), 30px 19px rgba(252,252,226,0.39), 1px 20px rgba(170,170,170,0.01), 2px 20px rgba(252,252,198,0.46), 3px 20px #fbfa55, 4px 20px #fbfa56, 5px 20px #fbfa58, 6px 20px #fcfb56, 7px 20px #fcfb56, 8px 20px #fdfc56, 9px 20px #fdfd56, 10px 20px #fdfd56, 11px 20px #fdfd56, 12px 20px #fdfd56, 13px 20px #fcfc56, 14px 20px #fcfd56, 15px 20px #fdfd56, 16px 20px #fdfd56, 17px 20px #fdfd56, 18px 20px #fdfd56, 19px 20px #fdfd57, 20px 20px #fdfd56, 21px 20px #fdfd56, 22px 20px #fdfd56, 23px 20px #fdfd57, 24px 20px rgba(252,252,86,0.99), 25px 20px #fdfd57, 26px 20px #fdfd57, 27px 20px #fdfc56, 28px 20px #fdfc56, 29px 20px rgba(252,252,91,0.89), 30px 20px rgba(255,255,249,0.18), 1px 21px rgba(229,229,229,0.04), 2px 21px rgba(252,252,212,0.47), 3px 21px #fbfa55, 4px 21px #fbfa56, 5px 21px #fbf956, 6px 21px #fcfb56, 7px 21px #fcfb56, 8px 21px #fcfc56, 9px 21px #fdfd56, 10px 21px #fdfd57, 11px 21px #fdfd57, 12px 21px #fdfd56, 13px 21px #fcfc56, 14px 21px #fcfc56, 15px 21px #fdfd57, 16px 21px #fdfd56, 17px 21px #fdfd56, 18px 21px #fdfd56, 19px 21px #fdfd56, 20px 21px #fdfd56, 21px 21px #fdfd56, 22px 21px #fdfd57, 23px 21px #fdfd56, 24px 21px #fdfd56, 25px 21px #fdfd57, 26px 21px #fdfd56, 27px 21px #fcfc56, 28px 21px #fdfc56, 29px 21px rgba(251,251,89,0.91), 1px 22px rgba(226,226,198,0.04), 2px 22px rgba(252,252,197,0.45), 3px 22px #fbfa55, 4px 22px #fbfa56, 5px 22px #faf956, 6px 22px #fcfb56, 7px 22px #fcfb56, 8px 22px #fcfc56, 9px 22px #fdfd56, 10px 22px #fdfd56, 11px 22px #fdfd56, 12px 22px #fdfd56, 13px 22px #fcfc56, 14px 22px #fcfc56, 15px 22px #fdfd57, 16px 22px #fdfd56, 17px 22px #fdfd56, 18px 22px #fdfd56, 19px 22px #fdfd56, 20px 22px #fdfd56, 21px 22px #fdfd57, 22px 22px #fdfd56, 23px 22px #fdfd56, 24px 22px #fdfd56, 25px 22px #fdfd57, 26px 22px #fdfd56, 27px 22px #fcfc56, 28px 22px #fcfc56, 29px 22px rgba(252,252,133,0.77), 1px 23px rgba(170,170,170,0.01), 2px 23px rgba(252,252,200,0.42), 3px 23px #fbfa55, 4px 23px #fcfa56, 5px 23px #fbf956, 6px 23px #fcfb56, 7px 23px #fbfb55, 8px 23px #fcfb56, 9px 23px #fcfc56, 10px 23px #fdfd56, 11px 23px #fdfd56, 12px 23px #fdfd56, 13px 23px #fcfc56, 14px 23px #fcfc56, 15px 23px #fdfd56, 16px 23px #fdfd56, 17px 23px #fdfd56, 18px 23px #fdfd57, 19px 23px #fdfd57, 20px 23px #fdfd56, 21px 23px #fdfd57, 22px 23px #fdfd56, 23px 23px #fdfd56, 24px 23px #fdfd56, 25px 23px #fdfd57, 26px 23px #fdfd56, 27px 23px #fcfd56, 28px 23px #fcfc56, 29px 23px rgba(252,252,242,0.41), 30px 23px rgba(204,204,204,0.02), 2px 24px rgba(252,252,206,0.37), 3px 24px rgba(250,250,85,0.97), 4px 24px #fbfa56, 5px 24px #fbf956, 6px 24px #fcfa55, 7px 24px #fcfb56, 8px 24px #fcfb56, 9px 24px #fcfc56, 10px 24px #fcfc56, 11px 24px #fcfd57, 12px 24px #fcfc56, 13px 24px #fcfc56, 14px 24px #fcfc56, 15px 24px #fcfc56, 16px 24px #fcfc56, 17px 24px #fcfd56, 18px 24px #fdfd57, 19px 24px #fdfd56, 20px 24px #fdfd56, 21px 24px #fdfd56, 22px 24px #fdfd56, 23px 24px #fdfd56, 24px 24px #fdfd56, 25px 24px #fdfd56, 26px 24px #fdfd56, 27px 24px #fcfd56, 28px 24px #fbfb55, 29px 24px rgba(255,255,249,0.18), 2px 25px rgba(251,251,216,0.31), 3px 25px rgba(251,250,87,0.93), 4px 25px #fbfa56, 5px 25px #fbfa58, 6px 25px #fcfa56, 7px 25px #fcfb56, 8px 25px #fcfb56, 9px 25px #fcfb55, 10px 25px #fcfc56, 11px 25px #fcfc56, 12px 25px #fcfc56, 13px 25px #fcfc56, 14px 25px #fcfc56, 15px 25px #fcfc56, 16px 25px #fcfc56, 17px 25px #fcfc56, 18px 25px #fcfc56, 19px 25px #fcfc56, 20px 25px #fcfc56, 21px 25px #fcfc56, 22px 25px #fdfd56, 23px 25px #fdfd56, 24px 25px #fdfd56, 25px 25px #fdfd56, 26px 25px #fdfd56, 27px 25px #fcfc56, 28px 25px rgba(251,251,94,0.92), 29px 25px rgba(249,249,244,0.19), 2px 26px rgba(250,250,234,0.24), 3px 26px rgba(251,250,91,0.87), 4px 26px #fbfa55, 5px 26px #fbfa57, 6px 26px #fbfb56, 7px 26px #fcfb56, 8px 26px #fcfb56, 9px 26px #fcfb55, 10px 26px #fcfb56, 11px 26px #fcfc56, 12px 26px #fcfb56, 13px 26px #fcfb56, 14px 26px #fcfb56, 15px 26px #fcfc56, 16px 26px #fcfc56, 17px 26px #fcfc56, 18px 26px #fcfc56, 19px 26px #fcfc56, 20px 26px #fcfc56, 21px 26px #fcfc56, 22px 26px #fcfc56, 23px 26px #fcfc56, 24px 26px #fcfc56, 25px 26px #fcfc56, 26px 26px #fcfc56, 27px 26px #fcfc56, 28px 26px rgba(253,253,176,0.7), 29px 26px rgba(246,246,228,0.11), 2px 27px rgba(248,248,241,0.15), 3px 27px rgba(251,251,116,0.79), 4px 27px #fbfa55, 5px 27px #fbfa57, 6px 27px #fbfa56, 7px 27px #fcfb56, 8px 27px #fcfb56, 9px 27px #fcfb56, 10px 27px #fcfb56, 11px 27px #fcfb56, 12px 27px #fcfb56, 13px 27px #fcfb56, 14px 27px #fcfb56, 15px 27px #fcfb55, 16px 27px #fcfc56, 17px 27px #fcfc56, 18px 27px #fcfc56, 19px 27px #fcfc56, 20px 27px #fcfc56, 21px 27px #fcfc56, 22px 27px #fcfc56, 23px 27px #fcfc56, 24px 27px #fcfc56, 25px 27px #fcfc56, 26px 27px #fcfc56, 27px 27px #fcfc56, 28px 27px rgba(251,251,167,0.63), 29px 27px rgba(218,218,218,0.03), 2px 28px rgba(231,231,231,0.04), 3px 28px rgba(251,251,136,0.65), 4px 28px #fbfa55, 5px 28px #fbfa58, 6px 28px #fbfa57, 7px 28px #fcfb56, 8px 28px #fcfb56, 9px 28px #fcfb56, 10px 28px #fcfb56, 11px 28px #fcfb56, 12px 28px #fcfb56, 13px 28px #fcfb56, 14px 28px #fcfb56, 15px 28px #fcfb55, 16px 28px #fcfc56, 17px 28px #fcfc56, 18px 28px #fcfc56, 19px 28px #fcfc56, 20px 28px #fcfc56, 21px 28px #fcfc56, 22px 28px #fcfc56, 23px 28px #fcfc56, 24px 28px #fcfc56, 25px 28px #fcfc56, 26px 28px #fcfc56, 27px 28px #fcfc56, 28px 28px rgba(253,253,176,0.62), 3px 29px rgba(250,250,169,0.44), 4px 29px #faf954, 5px 29px #fbfa57, 6px 29px #fbfa58, 7px 29px #fcfb55, 8px 29px #fcfb55, 9px 29px #fcfb56, 10px 29px #fcfb56, 11px 29px #fcfb56, 12px 29px #fcfb56, 13px 29px #fcfb56, 14px 29px #fcfb56, 15px 29px #fcfc56, 16px 29px #fcfc56, 17px 29px #fcfc56, 18px 29px #fcfc56, 19px 29px #fcfb55, 20px 29px #fcfb55, 21px 29px #fcfc56, 22px 29px #fcfc56, 23px 29px #fcfc56, 24px 29px #fcfc56, 25px 29px #fcfc56, 26px 29px #fcfc56, 27px 29px rgba(251,251,87,0.98), 28px 29px rgba(253,253,208,0.56), 3px 30px rgba(251,251,109,0.27), 4px 30px #fbfb57, 5px 30px #fbfa56, 6px 30px #fbfa56, 7px 30px #fcfb56, 8px 30px #fcfb55, 9px 30px #fcfb56, 10px 30px #fcfb56, 11px 30px #fcfb56, 12px 30px #fcfb56, 13px 30px #fcfb55, 14px 30px #fcfb56, 15px 30px #fcfc56, 16px 30px #fcfc56, 17px 30px #fcfc56, 18px 30px #fcfc56, 19px 30px #fcfb55, 20px 30px #fcfc56, 21px 30px #fcfc56, 22px 30px #fcfc56, 23px 30px #fcfc56, 24px 30px #fcfc56, 25px 30px #fcfc56, 26px 30px #fcfc56, 27px 30px rgba(252,251,90,0.95), 28px 30px rgba(252,252,236,0.43), 3px 31px rgba(246,246,172,0.12), 4px 31px rgba(251,251,162,0.77), 5px 31px #fbfa55, 6px 31px #fcfb56, 7px 31px #fcfb56, 8px 31px #fcfb55, 9px 31px #fcfb55, 10px 31px #fcfb56, 11px 31px #fcfb56, 12px 31px #fcfb56, 13px 31px #fcfb55, 14px 31px #fcfb56, 15px 31px #fcfb56, 16px 31px #fcfc56, 17px 31px #fcfc56, 18px 31px #fcfc56, 19px 31px #fcfc56, 20px 31px #fcfb55, 21px 31px #fcfc56, 22px 31px #fcfc56, 23px 31px #fcfc56, 24px 31px #fcfc56, 25px 31px #fcfc56, 26px 31px #fdfc56, 27px 31px rgba(252,251,88,0.94), 28px 31px rgba(255,255,248,0.15), 3px 32px rgba(212,212,212,0.02), 4px 32px rgba(252,252,232,0.4), 5px 32px #fbfb56, 6px 32px #fcfc56, 7px 32px #fcfb55, 8px 32px #fcfb56, 9px 32px #fcfb56, 10px 32px #fcfb56, 11px 32px #fcfb56, 12px 32px #fcfb56, 13px 32px #fcfb56, 14px 32px #fcfb56, 15px 32px #fcfb55, 16px 32px #fcfb56, 17px 32px #fcfc56, 18px 32px #fcfc56, 19px 32px #fcfc56, 20px 32px #fcfc56, 21px 32px #fcfc56, 22px 32px #fcfc56, 23px 32px #fcfc56, 24px 32px #fcfc56, 25px 32px #fcfc56, 26px 32px #fdfc56, 27px 32px rgba(251,251,92,0.85), 4px 33px rgba(255,255,245,0.11), 5px 33px rgba(251,251,90,0.92), 6px 33px #fcfb56, 7px 33px #fcfb55, 8px 33px #fcfb55, 9px 33px #fcfb55, 10px 33px #fcfb56, 11px 33px #fcfb56, 12px 33px #fcfb56, 13px 33px #fcfb56, 14px 33px #fcfb55, 15px 33px #fcfb55, 16px 33px #fcfb56, 17px 33px #fcfc56, 18px 33px #fcfc56, 19px 33px #fcfc56, 20px 33px #fcfc56, 21px 33px #fcfc56, 22px 33px #fcfc56, 23px 33px #fcfc56, 24px 33px #fcfc56, 25px 33px #fdfc56, 26px 33px #fcfc56, 27px 33px rgba(252,252,229,0.43), 28px 33px rgba(212,212,212,0.02), 5px 34px rgba(253,253,196,0.65), 6px 34px rgba(251,250,85,0.98), 7px 34px #fcfb55, 8px 34px #fcfb56, 9px 34px #fcfb55, 10px 34px #fcfb56, 11px 34px #fcfb56, 12px 34px #fcfb55, 13px 34px #fcfb55, 14px 34px #fcfb55, 15px 34px #fcfb56, 16px 34px #fcfb56, 17px 34px #fcfc56, 18px 34px #fcfc56, 19px 34px #fcfc56, 20px 34px #fcfc56, 21px 34px #fcfb55, 22px 34px #fcfc56, 23px 34px #fcfc56, 24px 34px #fcfc56, 25px 34px #fdfc56, 26px 34px #fcfc56, 27px 34px rgba(255,255,249,0.19), 5px 35px rgba(255,255,248,0.15), 6px 35px rgba(251,251,95,0.88), 7px 35px #fcfb55, 8px 35px #fcfc56, 9px 35px #fcfb55, 10px 35px #fcfb56, 11px 35px #fcfb55, 12px 35px #fcfb55, 13px 35px #fcfb55, 14px 35px #fcfb55, 15px 35px #fcfb56, 16px 35px #fcfb56, 17px 35px #fcfc56, 18px 35px #fcfc56, 19px 35px #fcfc56, 20px 35px #fcfc56, 21px 35px #fcfc56, 22px 35px #fcfc56, 23px 35px #fcfc56, 24px 35px #fdfc56, 25px 35px #fcfc56, 26px 35px rgba(252,252,111,0.76), 27px 35px rgba(255,255,247,0.13), 6px 36px rgba(253,251,177,0.65), 7px 36px #fcfb55, 8px 36px #fcfc56, 9px 36px #fcfb55, 10px 36px #fcfb56, 11px 36px #fcfb56, 12px 36px #fcfb55, 13px 36px #fcfb55, 14px 36px #fcfb55, 15px 36px #fcfb56, 16px 36px #fcfb56, 17px 36px #fcfc56, 18px 36px #fcfc56, 19px 36px #fcfc56, 20px 36px #fcfc56, 21px 36px #fcfc56, 22px 36px #fcfc56, 23px 36px #fcfc56, 24px 36px #fdfc56, 25px 36px #fcfc56, 26px 36px rgba(251,251,149,0.56), 27px 36px rgba(212,212,212,0.02), 6px 37px rgba(251,251,235,0.25), 7px 37px rgba(252,251,122,0.82), 8px 37px #fcfb55, 9px 37px #fcfb56, 10px 37px #fcfb55, 11px 37px #fcfb56, 12px 37px #fcfb55, 13px 37px #fcfb55, 14px 37px #fcfb55, 15px 37px #fcfb56, 16px 37px #fcfb56, 17px 37px #fcfc56, 18px 37px #fcfc56, 19px 37px #fcfc56, 20px 37px #fcfc56, 21px 37px #fcfc56, 22px 37px #fcfc56, 23px 37px #fcfc56, 24px 37px #fcfc56, 25px 37px rgba(251,251,86,0.99), 26px 37px rgba(252,252,214,0.45), 6px 38px rgba(255,255,226,0.04), 7px 38px rgba(253,253,211,0.58), 8px 38px #fcfb55, 9px 38px #fcfb56, 10px 38px #fcfb55, 11px 38px #fcfb56, 12px 38px #fcfb55, 13px 38px #fcfb55, 14px 38px #fcfb55, 15px 38px #fcfb56, 16px 38px #fcfb56, 17px 38px #fcfc56, 18px 38px #fcfc56, 19px 38px #fcfc56, 20px 38px #fcfc56, 21px 38px #fcfc56, 22px 38px #fcfc56, 23px 38px #fcfc56, 24px 38px #fcfc56, 25px 38px rgba(252,252,91,0.93), 26px 38px rgba(252,252,234,0.38), 7px 39px rgba(252,252,240,0.33), 8px 39px rgba(251,250,85,0.99), 9px 39px #fcfb55, 10px 39px #fcfb56, 11px 39px #fcfb56, 12px 39px #fcfb55, 13px 39px #fcfb55, 14px 39px #fcfb55, 15px 39px #fcfb56, 16px 39px #fcfb55, 17px 39px #fcfc56, 18px 39px #fcfc56, 19px 39px #fcfc56, 20px 39px #fcfc56, 21px 39px #fcfc56, 22px 39px #fcfc56, 23px 39px #fcfc56, 24px 39px #fcfc56, 25px 39px rgba(252,252,91,0.9), 26px 39px rgba(251,251,209,0.33), 7px 40px rgba(255,255,247,0.13), 8px 40px rgba(253,253,196,0.7), 9px 40px #fcfa55, 10px 40px #fcfb56, 11px 40px #fcfb56, 12px 40px #fcfb55, 13px 40px #fcfb55, 14px 40px #fcfb55, 15px 40px #fcfb56, 16px 40px #fcfb56, 17px 40px #fcfc56, 18px 40px #fcfc56, 19px 40px #fcfc56, 20px 40px #fcfc56, 21px 40px #fcfc56, 22px 40px #fcfc56, 23px 40px #fcfc56, 24px 40px #fdfc56, 25px 40px rgba(252,252,89,0.91), 26px 40px rgba(252,252,207,0.33), 8px 41px rgba(255,255,249,0.2), 9px 41px rgba(250,249,84,0.99), 10px 41px #fcfb56, 11px 41px #fcfb55, 12px 41px #fcfb56, 13px 41px #fcfb56, 14px 41px #fcfb55, 15px 41px #fcfc56, 16px 41px #fcfc56, 17px 41px #fcfc56, 18px 41px #fcfc56, 19px 41px #fcfc56, 20px 41px #fcfc56, 21px 41px #fcfc56, 22px 41px #fcfc56, 23px 41px #fdfc56, 24px 41px #fcfc56, 25px 41px rgba(252,252,86,0.95), 26px 41px rgba(252,252,205,0.36), 8px 42px rgba(255,255,233,0.05), 9px 42px rgba(251,250,98,0.9), 10px 42px #fcfb55, 11px 42px #fcfb56, 12px 42px #fcfb56, 13px 42px #fcfc56, 14px 42px #fcfb55, 15px 42px #fcfc56, 16px 42px #fcfc56, 17px 42px #fcfc56, 18px 42px #fcfc56, 19px 42px #fcfc56, 20px 42px #fcfc56, 21px 42px #fcfc56, 22px 42px #fdfc56, 23px 42px #fdfc56, 24px 42px #fcfc56, 25px 42px rgba(252,252,85,0.99), 26px 42px rgba(252,252,231,0.46), 27px 42px rgba(255,255,127,0.01), 9px 43px rgba(251,251,117,0.84), 10px 43px #fcfb56, 11px 43px #fcfb55, 12px 43px #fcfb55, 13px 43px #fcfc56, 14px 43px #fcfc56, 15px 43px #fcfc56, 16px 43px #fcfc56, 17px 43px #fcfc56, 18px 43px #fcfc56, 19px 43px #fcfc56, 20px 43px #fcfc56, 21px 43px #fcfc56, 22px 43px #fdfc56, 23px 43px #fdfc56, 24px 43px #fdfd56, 25px 43px #fdfc56, 26px 43px rgba(253,253,200,0.63), 27px 43px rgba(255,255,236,0.05), 9px 44px rgba(251,251,102,0.84), 10px 44px #fcfb56, 11px 44px #fcfb56, 12px 44px #fcfb55, 13px 44px #fcfc56, 14px 44px #fcfc56, 15px 44px #fcfc56, 16px 44px #fcfc56, 17px 44px #fcfc56, 18px 44px #fcfc56, 19px 44px #fcfc56, 20px 44px #fcfc56, 21px 44px #fcfc56, 22px 44px #fcfc56, 23px 44px #fdfc56, 24px 44px #fdfc56, 25px 44px #fdfd56, 26px 44px rgba(252,252,112,0.78), 27px 44px rgba(247,247,239,0.13), 9px 45px rgba(251,251,110,0.81), 10px 45px #fcfb55, 11px 45px #fcfb56, 12px 45px #fcfb56, 13px 45px #fcfc56, 14px 45px #fcfc56, 15px 45px #fcfc56, 16px 45px #fcfc56, 17px 45px #fcfc56, 18px 45px #fcfc56, 19px 45px #fcfc56, 20px 45px #fcfc56, 21px 45px #fcfc56, 22px 45px #fcfc56, 23px 45px #fdfc56, 24px 45px #fdfc56, 25px 45px #fdfc56, 26px 45px rgba(252,252,90,0.98), 27px 45px rgba(251,251,239,0.25), 8px 46px rgba(249,249,244,0.19), 9px 46px rgba(251,251,107,0.84), 10px 46px #fcfb55, 11px 46px #fcfb55, 12px 46px #fcfc56, 13px 46px #fcfc56, 14px 46px #fcfc56, 15px 46px #fcfc56, 16px 46px #fcfc56, 17px 46px #fdfc56, 18px 46px #fdfc56, 19px 46px #fcfc56, 20px 46px #fcfc56, 21px 46px #fcfc56, 22px 46px #fcfc56, 23px 46px #fcfc56, 24px 46px #fdfc56, 25px 46px #fdfc56, 26px 46px #fcfc56, 27px 46px rgba(252,252,235,0.42), 8px 47px rgba(250,250,138,0.44), 9px 47px rgba(251,250,88,0.98), 10px 47px #fcfb55, 11px 47px #fcfb55, 12px 47px #fcfc56, 13px 47px #fcfc56, 14px 47px #fcfc56, 15px 47px #fdfc56, 16px 47px #fcfc56, 17px 47px #fcfc56, 18px 47px #fcfc56, 19px 47px #fcfc56, 20px 47px #fcfc56, 21px 47px #fcfc56, 22px 47px #fcfc56, 23px 47px #fcfc56, 24px 47px #fdfc56, 25px 47px #fdfc56, 26px 47px #fcfc56, 27px 47px rgba(253,253,190,0.62), 28px 47px rgba(255,223,223,0.03), 8px 48px rgba(252,252,199,0.47), 9px 48px #fbfb55, 10px 48px #fcfb55, 11px 48px #fcfb55, 12px 48px #fcfc56, 13px 48px #fcfc56, 14px 48px #fdfc56, 15px 48px #fdfc56, 16px 48px #fcfc56, 17px 48px #fcfc56, 18px 48px #fcfc56, 19px 48px #fcfc56, 20px 48px #fcfc56, 21px 48px #fcfc56, 22px 48px #fcfc56, 23px 48px #fcfc56, 24px 48px #fdfc56, 25px 48px #fdfc56, 26px 48px #fdfc56, 27px 48px rgba(252,252,116,0.83), 28px 48px rgba(251,251,239,0.26), 8px 49px rgba(252,252,222,0.46), 9px 49px #fbfb55, 10px 49px #fcfb56, 11px 49px #fcfb55, 12px 49px #fcfc56, 13px 49px #fcfc56, 14px 49px #fcfc56, 15px 49px #fcfc56, 16px 49px #fcfc56, 17px 49px #fcfc56, 18px 49px #fdfc56, 19px 49px #fcfc56, 20px 49px #fcfc56, 21px 49px #fcfc56, 22px 49px #fcfc56, 23px 49px #fcfc56, 24px 49px #fdfc56, 25px 49px #fdfc56, 26px 49px #fdfc56, 27px 49px rgba(252,252,88,0.96), 28px 49px rgba(251,251,146,0.55), 7px 50px rgba(235,235,215,0.05), 8px 50px rgba(251,251,167,0.54), 9px 50px #fcfb55, 10px 50px #fcfb56, 11px 50px #fcfb55, 12px 50px #fcfc56, 13px 50px #fcfc56, 14px 50px #fcfc56, 15px 50px #fcfc56, 16px 50px #fcfc56, 17px 50px #fcfc56, 18px 50px #fcfc56, 19px 50px #fcfc56, 20px 50px #fcfc56, 21px 50px #fcfc56, 22px 50px #fcfc56, 23px 50px #fcfc56, 24px 50px #fcfc56, 25px 50px #fdfc56, 26px 50px #fdfd56, 27px 50px #fdfd56, 28px 50px rgba(252,252,116,0.77), 7px 51px rgba(240,240,184,0.07), 8px 51px rgba(250,250,167,0.68), 9px 51px #fcfb55, 10px 51px #fcfb56, 11px 51px #fcfb55, 12px 51px #fcfc56, 13px 51px #fcfc56, 14px 51px #fcfc56, 15px 51px #fcfc56, 16px 51px #fcfc56, 17px 51px #fcfc56, 18px 51px #fcfc56, 19px 51px #fcfc56, 20px 51px #fcfc56, 21px 51px #fcfc56, 22px 51px #fcfc56, 23px 51px #fcfc56, 24px 51px #fcfc56, 25px 51px #fdfc56, 26px 51px #fdfd57, 27px 51px #fdfd56, 28px 51px rgba(252,252,92,0.88), 29px 51px rgba(255,255,242,0.08), 7px 52px rgba(229,229,229,0.04), 8px 52px rgba(251,251,119,0.8), 9px 52px #fcfb55, 10px 52px #fcfb56, 11px 52px #fcfb55, 12px 52px #fcfc56, 13px 52px #fcfc56, 14px 52px #fcfc56, 15px 52px #fcfc56, 16px 52px #fcfc56, 17px 52px #fcfc56, 18px 52px #fcfc56, 19px 52px #fcfc56, 20px 52px #fcfc56, 21px 52px #fcfc56, 22px 52px #fcfc56, 23px 52px #fcfc56, 24px 52px #fcfc56, 25px 52px #fcfc56, 26px 52px #fdfc56, 27px 52px #fdfd56, 28px 52px rgba(252,252,86,0.98), 29px 52px rgba(251,251,234,0.29), 30px 52px rgba(127,127,127,0.01), 7px 53px rgba(223,223,223,0.03), 8px 53px rgba(251,251,102,0.85), 9px 53px #fbfa55, 10px 53px #fcfb56, 11px 53px #fcfb56, 12px 53px #fcfc56, 13px 53px #fcfc56, 14px 53px #fcfc56, 15px 53px #fcfc56, 16px 53px #fcfc56, 17px 53px #fcfc56, 18px 53px #fcfc56, 19px 53px #fcfc56, 20px 53px #fcfc56, 21px 53px #fcfc56, 22px 53px #fcfc56, 23px 53px #fcfc56, 24px 53px #fcfc56, 25px 53px #fcfc56, 26px 53px #fcfc56, 27px 53px #fdfd56, 28px 53px #fcfc56, 29px 53px rgba(252,252,234,0.45), 30px 53px rgba(226,226,226,0.04), 7px 54px rgba(246,246,246,0.11), 8px 54px rgba(251,251,103,0.87), 9px 54px #fcfb56, 10px 54px #fcfb56, 11px 54px #fcfb56, 12px 54px #fcfc56, 13px 54px #fcfc56, 14px 54px #fcfc56, 15px 54px #fcfc56, 16px 54px #fcfc56, 17px 54px #fcfc56, 18px 54px #fcfc56, 19px 54px #fcfc56, 20px 54px #fcfc56, 21px 54px #fcfc56, 22px 54px #fcfc56, 23px 54px #fcfc56, 24px 54px #fcfc56, 25px 54px #fcfc56, 26px 54px #fcfc56, 27px 54px #fdfc56, 28px 54px #fcfc56, 29px 54px rgba(253,253,184,0.67), 30px 54px rgba(245,245,217,0.11), 7px 55px rgba(255,250,246,0.25), 8px 55px rgba(251,251,92,0.89), 9px 55px #fcfb55, 10px 55px #fcfb56, 11px 55px #fcfb56, 12px 55px #fcfc56, 13px 55px #fcfc56, 14px 55px #fcfc56, 15px 55px #fcfc56, 16px 55px #fcfc56, 17px 55px #fcfc56, 18px 55px #fcfc56, 19px 55px #fcfc56, 20px 55px #fdfc56, 21px 55px #fdfc56, 22px 55px #fcfc56, 23px 55px #fcfc56, 24px 55px #fcfc56, 25px 55px #fcfc56, 26px 55px #fcfc56, 27px 55px #fdfc56, 28px 55px #fdfd56, 29px 55px rgba(252,252,133,0.89), 30px 55px rgba(250,250,188,0.24), 7px 56px rgba(252,252,240,0.35), 8px 56px rgba(251,250,89,0.91), 9px 56px #fcfb55, 10px 56px #fcfb56, 11px 56px #fcfb55, 12px 56px #fcfc56, 13px 56px #fcfc56, 14px 56px #fdfc56, 15px 56px #fdfd56, 16px 56px #fdfd56, 17px 56px #fdfd56, 18px 56px #fdfd56, 19px 56px #fdfd56, 20px 56px #fdfd56, 21px 56px #fdfd56, 22px 56px #fdfd56, 23px 56px #fdfd56, 24px 56px #fdfd56, 25px 56px #fdfd56, 26px 56px #fcfd56, 27px 56px #fdfd56, 28px 56px #fdfd56, 29px 56px #fdfd5b, 30px 56px rgba(252,252,122,0.4), 7px 57px rgba(252,252,227,0.47), 8px 57px #fbfa56, 9px 57px #fcfb55, 10px 57px #fcfb56, 11px 57px #fcfb55, 12px 57px #fcfc56, 13px 57px #fcfc56, 14px 57px #fdfd56, 15px 57px #fdfd57, 16px 57px #fdfd57, 17px 57px #fdfd57, 18px 57px #fdfd57, 19px 57px #fdfd56, 20px 57px #fdfc56, 21px 57px #fdfc57, 22px 57px #fdfc57, 23px 57px #fdfc57, 24px 57px #fdfc57, 25px 57px #fdfc56, 26px 57px #fdfd57, 27px 57px #fdfd57, 28px 57px #fdfd57, 29px 57px #fcfc56, 30px 57px rgba(253,253,185,0.58), 7px 58px rgba(252,252,211,0.49), 8px 58px #fbfb55, 9px 58px #fcfb55, 10px 58px #fcfb56, 11px 58px #fcfb56, 12px 58px #fcfc56, 13px 58px #fcfc56, 14px 58px #fcf555, 15px 58px #fd9e3b, 16px 58px #fc953b, 17px 58px #fd7936, 18px 58px #fe6e3a, 19px 58px #fd873e, 20px 58px #fa9b41, 21px 58px #fba94a, 22px 58px #faaf4a, 23px 58px #fab452, 24px 58px #fbb153, 25px 58px #fd8046, 26px 58px #fe7134, 27px 58px #fdf454, 28px 58px #fdfd56, 29px 58px #fdfc56, 30px 58px rgba(252,252,124,0.71), 31px 58px rgba(255,255,212,0.02), 6px 59px rgba(255,204,204,0.02), 7px 59px rgba(252,252,232,0.5), 8px 59px #fbfa55, 9px 59px #fcfb56, 10px 59px #fcfb56, 11px 59px #fcfb56, 12px 59px #fcfc56, 13px 59px #fcf956, 14px 59px #fb2226, 15px 59px #f80026, 16px 59px #e20021, 17px 59px #fb0025, 18px 59px #fd002b, 19px 59px #f3002a, 20px 59px #e80028, 21px 59px #ee002b, 22px 59px #f50032, 23px 59px #f6003c, 24px 59px #f80037, 25px 59px #f8002f, 26px 59px #fe0034, 27px 59px #fd9539, 28px 59px #fdfd56, 29px 59px #fdfc56, 30px 59px rgba(252,252,93,0.9), 31px 59px rgba(252,252,238,0.37), 32px 59px rgba(255,255,191,0.02), 6px 60px rgba(255,243,243,0.09), 7px 60px rgba(253,252,207,0.71), 8px 60px #fcfb56, 9px 60px #fcfb64, 10px 60px #fcfc58, 11px 60px #fcfb55, 12px 60px #fcfc56, 13px 60px #fcf756, 14px 60px #fd0024, 15px 60px #fb0020, 16px 60px #f50023, 17px 60px #f7001f, 18px 60px #f5001e, 19px 60px #ea001e, 20px 60px #f70024, 21px 60px #f60020, 22px 60px #fc002c, 23px 60px #f50023, 24px 60px #f80029, 25px 60px #f30025, 26px 60px #fe0034, 27px 60px #fd8038, 28px 60px #fcfd57, 29px 60px #fcfc56, 30px 60px #fdfc56, 31px 60px rgba(252,252,99,0.85), 32px 60px rgba(255,255,226,0.04), 6px 61px rgba(255,255,247,0.13), 7px 61px rgba(250,250,87,0.97), 8px 61px #fcfb56, 9px 61px #fcfb5a, 10px 61px #fcfb57, 11px 61px #fcfb56, 12px 61px #fcfc56, 13px 61px #fcfb56, 14px 61px #fdc349, 15px 61px #fc3723, 16px 61px #fb2f26, 17px 61px #f53722, 18px 61px #fa2f25, 19px 61px #f74223, 20px 61px #f9542a, 21px 61px #f9672f, 22px 61px #fc7935, 23px 61px #fa9538, 24px 61px #fba43e, 25px 61px #fbac3f, 26px 61px #fdb942, 27px 61px #fcf855, 28px 61px #fdfc56, 29px 61px rgba(252,251,85,0.99), 30px 61px rgba(252,252,87,0.94), 31px 61px rgba(253,253,220,0.52), 32px 61px rgba(255,255,127,0.01), 5px 62px rgba(243,243,232,0.09), 6px 62px rgba(251,251,157,0.76), 7px 62px #faf955, 8px 62px #fbfb57, 9px 62px #fcfb56, 10px 62px #fcfb55, 11px 62px #fcfb56, 12px 62px #fcfb56, 13px 62px #fcfb56, 14px 62px #fcfb57, 15px 62px #fcf855, 16px 62px #fcfa56, 17px 62px #fcfb56, 18px 62px #fcfc56, 19px 62px #fdfc57, 20px 62px #fdfc56, 21px 62px #fdfc56, 22px 62px #fdfc56, 23px 62px #fdfc56, 24px 62px #fdfc56, 25px 62px #fdfc56, 26px 62px #fdfc56, 27px 62px #fdfd56, 28px 62px rgba(252,252,90,0.9), 29px 62px rgba(252,252,138,0.75), 30px 62px rgba(252,252,221,0.44), 5px 63px rgba(243,243,243,0.09), 6px 63px rgba(251,250,109,0.9), 7px 63px #fbfa55, 8px 63px #fbfa55, 9px 63px #faf954, 10px 63px #fcfa56, 11px 63px #fcfb55, 12px 63px #fcfb55, 13px 63px #fcfb55, 14px 63px #fcfc56, 15px 63px #fcfc56, 16px 63px #fcfc56, 17px 63px #fdfc56, 18px 63px #fdfc56, 19px 63px rgba(252,252,86,0.98), 20px 63px rgba(252,252,86,0.92), 21px 63px rgba(252,252,86,0.85), 22px 63px rgba(252,252,87,0.78), 23px 63px rgba(252,252,89,0.71), 24px 63px rgba(251,251,90,0.64), 25px 63px rgba(251,251,107,0.55), 26px 63px rgba(252,252,155,0.45), 27px 63px rgba(255,255,247,0.28), 28px 63px rgba(243,243,188,0.09), 5px 64px rgba(191,191,191,0.02), 6px 64px rgba(249,249,244,0.18), 7px 64px rgba(252,252,233,0.43), 8px 64px rgba(253,253,193,0.59), 9px 64px rgba(252,251,138,0.75), 10px 64px rgba(252,251,112,0.85), 11px 64px rgba(252,252,106,0.84), 12px 64px rgba(251,251,99,0.78), 13px 64px rgba(252,252,138,0.76), 14px 64px rgba(253,253,198,0.71), 15px 64px rgba(253,253,220,0.64), 16px 64px rgba(253,253,235,0.57), 17px 64px rgba(255,253,241,0.51), 18px 64px rgba(255,255,250,0.41), 19px 64px rgba(251,251,111,0.29), 20px 64px rgba(250,250,91,0.22), 21px 64px rgba(249,249,92,0.17), 22px 64px rgba(247,247,92,0.13), 23px 64px rgba(245,245,98,0.1), 24px 64px rgba(240,240,113,0.07), 25px 64px rgba(235,235,137,0.05), 26px 64px rgba(223,223,191,0.03), 27px 64px rgba(255,255,170,0.01), 7px 65px rgba(223,223,223,0.03), 8px 65px rgba(223,223,159,0.03), 10px 65px rgba(255,255,204,0.02), 11px 65px rgba(255,255,240,0.07), 12px 65px rgba(244,244,223,0.09), 13px 65px rgba(255,248,241,0.15), 14px 65px rgba(255,255,247,0.13), 15px 65px rgba(255,255,244,0.09), 16px 65px rgba(255,255,240,0.07), 17px 65px rgba(255,255,233,0.05), 18px 65px rgba(255,255,204,0.02);
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
transition: top 0.5s cubic-bezier(0.17, 0.67, 0.86, 1.14) 0.2s;
}
div#lab_wrapper div#octopus div#microscope {
position: absolute;
top: 116px;
left: 222px;
height: 160px;
width: 140px;
transform-origin: 45px 40px;
transform-origin: 45px 40px;
transform-origin: 45px 40px;
transform-origin: 45px 40px;
transform-origin: 45px 40px;
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
}
div#lab_wrapper div#octopus div#microscope:before {
content: "";
position: absolute;
top: 19px;
left: 55px;
height: 32px;
width: 24px;
background: #fff;
/* Old browsers */
background: linear-gradient(left, #fff 0%, #d1d1d1 100%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, #d1d1d1));
/* Chrome,Safari4+ */
background: linear-gradient(left, #fff 0%, #d1d1d1 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #fff 0%, #d1d1d1 100%);
/* Opera 11.10+ */
background: linear-gradient(left, #fff 0%, #d1d1d1 100%);
/* IE10+ */
background: linear-gradient(to right, #fff 0%, #d1d1d1 100%);
/* W3C */
}
div#lab_wrapper div#octopus div#microscope:after {
content: "";
position: absolute;
top: 51px;
left: 45px;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 7px solid #fff;
height: 0;
width: 38px;
}
div#lab_wrapper div#octopus div#microscope div#legs {
position: absolute;
top: 150px;
left: 22px;
height: 4px;
width: 85px;
background-color: #fe5f09;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
div#lab_wrapper div#octopus div#microscope div#legs:before {
content: "";
position: absolute;
top: 4px;
left: 60px;
height: 2px;
width: 19px;
background-color: #000;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
div#lab_wrapper div#octopus div#microscope div#legs:after {
content: "";
position: absolute;
top: 4px;
left: 6px;
height: 2px;
width: 19px;
background-color: #000;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
div#lab_wrapper div#octopus div#microscope div#mirror {
position: absolute;
top: 125px;
left: 62px;
height: 2px;
width: 11px;
background-color: #000;
}
div#lab_wrapper div#octopus div#microscope div#mirror:before {
content: "";
position: absolute;
top: -84px;
left: -15px;
height: 10px;
width: 8px;
background-color: #fff;
}
div#lab_wrapper div#octopus div#microscope div#mirror:after {
content: "";
position: absolute;
top: 0px;
left: 3px;
height: 2px;
width: 16px;
background-color: #fe5f09;
transform: rotate(25deg);
transform: rotate(25deg);
transform: rotate(25deg);
transform: rotate(25deg);
transform: rotate(25deg);
}
div#lab_wrapper div#octopus div#microscope div#base2 {
position: absolute;
top: 100px;
left: 48px;
height: 4px;
width: 38px;
background-color: #000;
}
div#lab_wrapper div#octopus div#microscope div#base2:before {
content: "";
position: absolute;
z-index: -1;
top: 3px;
left: 5px;
height: 5px;
width: 30px;
background-color: #fe5f09;
border-radius: 1px;
}
div#lab_wrapper div#octopus div#microscope div#base2:after {
content: "";
position: absolute;
top: -1px;
left: 7px;
height: 1px;
width: 24px;
border-radius: 1px;
background-color: #fe5f09;
}
div#lab_wrapper div#octopus div#microscope div#base {
position: absolute;
top: 32px;
left: 22px;
height: 104px;
width: 26px;
overflow: hidden;
}
div#lab_wrapper div#octopus div#microscope div#base:before {
content: "";
position: absolute;
z-index: -1;
top: 8px;
left: 1px;
height: 56px;
width: 24px;
border-radius: 14px/45px;
border-left: 15px solid #fff;
border-top: 19px solid #fff;
border-bottom: 15px solid #fff;
}
div#lab_wrapper div#octopus div#microscope div#base_bottom {
position: absolute;
top: 113px;
left: 44px;
}
div#lab_wrapper div#octopus div#microscope div#base_bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 29px;
left: -22px;
background-color: #fff;
height: 8px;
width: 85px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
div#lab_wrapper div#octopus div#microscope div#base_bottom:after {
content: "";
position: absolute;
z-index: -1;
top: 12px;
left: -9px;
border-left: 7px solid transparent;
border-right: 0px solid transparent;
border-bottom: 17px solid #fe5f09;
height: 0;
width: 20px;
}
div#lab_wrapper div#octopus div#microscope div#circles2 {
position: absolute;
z-index: 1;
top: 113px;
left: 44px;
width: 19px;
height: 19px;
border-radius: 39px;
border-radius: 39px;
border-radius: 39px;
border-radius: 39px;
background-color: #fe5f09;
}
div#lab_wrapper div#octopus div#microscope div#circles2:before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 13px;
height: 13px;
border-radius: 33px;
border-radius: 33px;
border-radius: 33px;
border-radius: 33px;
background-color: #000;
}
div#lab_wrapper div#octopus div#microscope div#circles2:after {
content: "";
position: absolute;
top: -11px;
left: 11px;
width: 4px;
height: 4px;
border-radius: 24px;
border-radius: 24px;
border-radius: 24px;
border-radius: 24px;
background-color: #fff;
border: 2px solid #000;
}
div#lab_wrapper div#octopus div#microscope div#circles {
position: absolute;
z-index: 1;
top: 27px;
left: 40px;
width: 12px;
height: 12px;
border-radius: 32px;
border-radius: 32px;
border-radius: 32px;
border-radius: 32px;
background-color: #fff;
border: 4px solid #000;
}
div#lab_wrapper div#octopus div#microscope div#circles:before {
content: "";
position: absolute;
top: 19px;
left: -7px;
width: 7px;
height: 7px;
border-radius: 27px;
border-radius: 27px;
border-radius: 27px;
border-radius: 27px;
background-color: #fff;
border: 2px solid #000;
}
div#lab_wrapper div#octopus div#microscope div#circles:after {
content: "";
position: absolute;
top: 73px;
left: 6px;
width: 12px;
height: 18px;
background-color: #fff;
}
div#lab_wrapper div#octopus div#microscope div#eye {
position: absolute;
top: 4px;
left: 58px;
height: 15px;
width: 18px;
background: #45484d;
/* Old browsers */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #45484d), color-stop(100%, #000));
/* Chrome,Safari4+ */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* Opera 11.10+ */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* IE10+ */
background: linear-gradient(to right, #45484d 0%, #000 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
div#lab_wrapper div#octopus div#microscope div#eye:before {
content: "";
position: absolute;
top: 54px;
left: -10px;
border-left: 0px solid transparent;
border-right: 2px solid transparent;
border-top: 7px solid #000;
height: 0;
width: 36px;
}
div#lab_wrapper div#octopus div#microscope div#eye:after {
content: "";
position: absolute;
top: -3px;
left: -2px;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
border-top: 3px solid #fff;
height: 0;
width: 18px;
}
div#lab_wrapper div#octopus div#microscope div#lense {
position: absolute;
top: 65px;
left: 49px;
height: 12px;
width: 35px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
background: #fe5f09;
/* Old browsers */
background: linear-gradient(top, #fe5f09 0%, #e55000 100%);
/* FF3.6+ */
background: gradient(linear, left top, left bottom, color-stop(0%, #fe5f09), color-stop(100%, #e55000));
/* Chrome,Safari4+ */
background: linear-gradient(top, #fe5f09 0%, #e55000 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #fe5f09 0%, #e55000 100%);
/* Opera 11.10+ */
background: linear-gradient(top, #fe5f09 0%, #e55000 100%);
/* IE10+ */
background: linear-gradient(to bottom, #fe5f09 0%, #e55000 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5f09', endColorstr='#e55000',GradientType=0 ); /* IE6-9 */
}
div#lab_wrapper div#octopus div#microscope div#lense:before {
content: "";
position: absolute;
top: 12px;
left: 12px;
border-bottom: 5px solid #fff;
height: 6px;
width: 10px;
background: #45484d;
/* Old browsers */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #45484d), color-stop(100%, #000));
/* Chrome,Safari4+ */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* Opera 11.10+ */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* IE10+ */
background: linear-gradient(to right, #45484d 0%, #000 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
div#lab_wrapper div#octopus div#microscope div#lense:after {
content: "";
position: absolute;
z-index: -1;
top: 6px;
left: 28px;
border-bottom: 5px solid #fff;
height: 7px;
width: 10px;
transform: rotate(-45deg);
background: #45484d;
/* Old browsers */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #45484d), color-stop(100%, #000));
/* Chrome,Safari4+ */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* Opera 11.10+ */
background: linear-gradient(left, #45484d 0%, #000 100%);
/* IE10+ */
background: linear-gradient(to right, #45484d 0%, #000 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
div#lab_wrapper div#octopus div#tentacle3 {
position: absolute;
z-index: 13;
top: 256px;
left: 105px;
width: 113px;
height: 113px;
border-radius: 133px;
border-radius: 133px;
border-radius: 133px;
border-radius: 133px;
border: 14px solid #72350c;
border-bottom: 14px solid transparent;
border-left: 14px solid transparent;
transform: rotate(259deg);
transform: rotate(259deg);
transform: rotate(259deg);
transform: rotate(259deg);
transform: rotate(259deg);
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
box-shadow: 2px -8px 10px rgba(0,0,0,0.2);
box-shadow: 2px -8px 10px rgba(0,0,0,0.2);
}
div#lab_wrapper div#octopus div#tentacle3:after {
content: "";
position: absolute;
top: -1px;
left: -5px;
width: 103px;
height: 103px;
border-radius: 123px;
border-radius: 123px;
border-radius: 123px;
border-radius: 123px;
border: 14px solid #72350c;
border-bottom: 14px solid transparent;
border-left: 14px solid transparent;
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#part_one {
position: absolute;
top: 65px;
left: 87px;
width: 104px;
height: 104px;
border-radius: 124px;
border-radius: 124px;
border-radius: 124px;
border-radius: 124px;
border: 16px solid #72350c;
border-bottom: 16px solid #72350c;
border-right: 12px solid #72350c;
border-top: 14px solid transparent;
border-left: 16px solid transparent;
transform: rotate(88deg);
transform: rotate(88deg);
transform: rotate(88deg);
transform: rotate(88deg);
transform: rotate(88deg);
box-shadow: 5px 8px 10px rgba(0,0,0,0.2);
box-shadow: 5px 8px 10px rgba(0,0,0,0.2);
}
div#lab_wrapper div#octopus div#tentacle3 div#part_one:before {
content: "";
position: absolute;
top: -20px;
left: 108px;
width: 12px;
height: 12px;
border-radius: 32px;
border-radius: 32px;
border-radius: 32px;
border-radius: 32px;
background-color: #72350c;
}
div#lab_wrapper div#octopus div#tentacle3 div#part_one:after {
content: "";
position: absolute;
top: -22px;
left: 83px;
width: 20px;
height: 20px;
border-radius: 40px;
border-radius: 40px;
border-radius: 40px;
border-radius: 40px;
border: 12px solid #72350c;
border-bottom: 12px solid #72350c;
border-right: 12px solid #72350c;
border-top: 12px solid transparent;
border-left: 12px solid transparent;
transform: rotate(163deg);
transform: rotate(163deg);
transform: rotate(163deg);
transform: rotate(163deg);
transform: rotate(163deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper {
position: absolute;
top: 137px;
left: 167px;
transform: rotate(91deg);
transform: rotate(91deg);
transform: rotate(91deg);
transform: rotate(91deg);
transform: rotate(91deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker1 {
position: absolute;
z-index: 2;
top: -42px;
left: 25px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(180deg);
transform: rotate(180deg);
transform: rotate(180deg);
transform: rotate(180deg);
transform: rotate(180deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker1:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker1:after {
content: "";
position: absolute;
top: 20px;
left: -9px;
height: 2px;
width: 1px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker2 {
position: absolute;
z-index: 2;
top: 4px;
left: 46px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(-8deg);
transform: rotate(-8deg);
transform: rotate(-8deg);
transform: rotate(-8deg);
transform: rotate(-8deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker2:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker2:after {
content: "";
position: absolute;
top: 26px;
left: -9px;
height: 2px;
width: 1px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker3 {
position: absolute;
z-index: 2;
top: 55px;
left: 24px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(56deg);
transform: rotate(56deg);
transform: rotate(56deg);
transform: rotate(56deg);
transform: rotate(56deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker3:before {
content: "";
position: absolute;
top: 9px;
left: -6px;
height: 8px;
width: 4px;
border-radius: 5px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker3:after {
content: "";
position: absolute;
top: -17px;
left: -7px;
height: 8px;
width: 4px;
border-radius: 5px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker4 {
position: absolute;
z-index: 2;
top: 64px;
left: -2px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(93deg);
transform: rotate(93deg);
transform: rotate(93deg);
transform: rotate(93deg);
transform: rotate(93deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker4:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#suckerNum_wrapper div#sucker4:after {
content: "";
position: absolute;
top: 21px;
left: -7px;
height: 2px;
width: 1px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2 {
position: absolute;
z-index: 2;
top: -16px;
left: 48px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(256deg);
transform: rotate(256deg);
transform: rotate(256deg);
transform: rotate(256deg);
transform: rotate(256deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2:after {
content: "";
position: absolute;
top: 23px;
left: -11px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2 div#part1 {
position: absolute;
z-index: 2;
top: -29px;
left: -9px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(-11deg);
transform: rotate(-11deg);
transform: rotate(-11deg);
transform: rotate(-11deg);
transform: rotate(-11deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2 div#part1:before {
content: "";
position: absolute;
top: 5px;
left: -7px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2 div#part1:after {
content: "";
position: absolute;
top: 21px;
left: -10px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2 div#part2 {
position: absolute;
z-index: 2;
top: -21px;
left: -2px;
height: 8px;
width: 2px;
border-radius: 4px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2 div#part2:before {
content: "";
position: absolute;
top: 44px;
left: -20px;
height: 6px;
width: 3px;
border-radius: 4px/6px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(58deg);
transform: rotate(58deg);
transform: rotate(58deg);
transform: rotate(58deg);
transform: rotate(58deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2 div#part2:after {
content: "";
position: absolute;
top: 21px;
left: -10px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2 div#part3 {
position: absolute;
z-index: 2;
top: 40px;
left: -31px;
height: 8px;
width: 2px;
border-radius: 4px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
}
div#lab_wrapper div#octopus div#tentacle3 div#suckers div#sucker_temp2 div#part3:after {
content: "";
position: absolute;
top: 21px;
left: -10px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle2 {
position: absolute;
z-index: 13;
top: 281px;
left: 130px;
width: 113px;
height: 113px;
border-radius: 133px;
border-radius: 133px;
border-radius: 133px;
border-radius: 133px;
border: 14px solid #72350c;
border-bottom: 14px solid transparent;
border-left: 14px solid transparent;
transform: rotate(-63deg);
transform: rotate(-63deg);
transform: rotate(-63deg);
transform: rotate(-63deg);
transform: rotate(-63deg);
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
transition: top 0.5s linear 0.1s;
box-shadow: 2px -8px 10px rgba(0,0,0,0.2);
box-shadow: 2px -8px 10px rgba(0,0,0,0.2);
}
div#lab_wrapper div#octopus div#tentacle2:after {
content: "";
position: absolute;
top: -1px;
left: -5px;
width: 103px;
height: 103px;
border-radius: 123px;
border-radius: 123px;
border-radius: 123px;
border-radius: 123px;
border: 14px solid #72350c;
border-bottom: 14px solid transparent;
border-left: 14px solid transparent;
}
div#lab_wrapper div#octopus div#tentacle2 div#part_one {
position: absolute;
top: 74px;
left: 85px;
width: 84px;
height: 84px;
border-radius: 104px;
border-radius: 104px;
border-radius: 104px;
border-radius: 104px;
border: 16px solid #72350c;
border-bottom: 18px solid #72350c;
border-right: 12px solid #72350c;
border-top: 18px solid transparent;
border-left: 18px solid transparent;
transform: rotate(88deg);
transform: rotate(88deg);
transform: rotate(88deg);
transform: rotate(88deg);
transform: rotate(88deg);
box-shadow: 0 8px 10px rgba(0,0,0,0.2);
box-shadow: 0 8px 10px rgba(0,0,0,0.2);
}
div#lab_wrapper div#octopus div#tentacle2 div#part_one:after {
content: "";
position: absolute;
top: 1px;
left: 71px;
width: 14px;
height: 14px;
border-radius: 34px;
border-radius: 34px;
border-radius: 34px;
border-radius: 34px;
background-color: #72350c;
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#suckerNum_wrapper {
position: absolute;
top: 137px;
left: 167px;
transform: rotate(91deg);
transform: rotate(91deg);
transform: rotate(91deg);
transform: rotate(91deg);
transform: rotate(91deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#suckerNum_wrapper div#sucker2 {
position: absolute;
z-index: 2;
top: 6px;
left: 37px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(-23deg);
transform: rotate(-23deg);
transform: rotate(-23deg);
transform: rotate(-23deg);
transform: rotate(-23deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#suckerNum_wrapper div#sucker2:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#suckerNum_wrapper div#sucker2:after {
content: "";
position: absolute;
top: 26px;
left: -9px;
height: 2px;
width: 1px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#suckerNum_wrapper div#sucker3 {
position: absolute;
z-index: 2;
top: 55px;
left: 24px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(56deg);
transform: rotate(56deg);
transform: rotate(56deg);
transform: rotate(56deg);
transform: rotate(56deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#suckerNum_wrapper div#sucker3:before {
content: "";
position: absolute;
top: 9px;
left: -6px;
height: 8px;
width: 4px;
border-radius: 5px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#suckerNum_wrapper div#sucker3:after {
content: "";
position: absolute;
top: -17px;
left: -7px;
height: 8px;
width: 4px;
border-radius: 5px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#suckerNum_wrapper div#sucker4 {
position: absolute;
z-index: 2;
top: 64px;
left: -2px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(93deg);
transform: rotate(93deg);
transform: rotate(93deg);
transform: rotate(93deg);
transform: rotate(93deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#suckerNum_wrapper div#sucker4:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#suckerNum_wrapper div#sucker4:after {
content: "";
position: absolute;
top: 21px;
left: -7px;
height: 2px;
width: 1px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2 {
position: absolute;
z-index: 2;
top: -16px;
left: 48px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(256deg);
transform: rotate(256deg);
transform: rotate(256deg);
transform: rotate(256deg);
transform: rotate(256deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2:after {
content: "";
position: absolute;
top: 23px;
left: -11px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2 div#part1 {
position: absolute;
z-index: 2;
top: -29px;
left: -9px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(-11deg);
transform: rotate(-11deg);
transform: rotate(-11deg);
transform: rotate(-11deg);
transform: rotate(-11deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2 div#part1:before {
content: "";
position: absolute;
top: 5px;
left: -7px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2 div#part1:after {
content: "";
position: absolute;
top: 21px;
left: -10px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2 div#part2 {
position: absolute;
z-index: 2;
top: -21px;
left: -2px;
height: 8px;
width: 2px;
border-radius: 4px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2 div#part2:before {
content: "";
position: absolute;
top: 44px;
left: -20px;
height: 6px;
width: 3px;
border-radius: 4px/6px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(58deg);
transform: rotate(58deg);
transform: rotate(58deg);
transform: rotate(58deg);
transform: rotate(58deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2 div#part2:after {
content: "";
position: absolute;
top: 21px;
left: -10px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2 div#part3 {
position: absolute;
z-index: 2;
top: 40px;
left: -31px;
height: 8px;
width: 2px;
border-radius: 4px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
}
div#lab_wrapper div#octopus div#tentacle2 div#suckers div#sucker_temp2 div#part3:after {
content: "";
position: absolute;
top: 21px;
left: -10px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle1 {
position: absolute;
z-index: 12;
top: 2px;
left: -12px;
width: 44px;
height: 44px;
border-radius: 100px;
border: 14px solid #72350c;
border-bottom: 14px solid transparent;
border-left: 14px solid transparent;
transform: rotate(-118deg);
transform: rotate(-118deg);
transform: rotate(-118deg);
transform: rotate(-118deg);
transform: rotate(-118deg);
transition: top 0.5s linear;
transition: top 0.5s linear;
transition: top 0.5s linear;
transition: top 0.5s linear;
transition: top 0.5s linear;
}
div#lab_wrapper div#octopus div#tentacle1:after {
content: "";
position: absolute;
z-index: -1;
top: -6px;
left: -5px;
width: 14px;
height: 14px;
border-radius: 34px;
border-radius: 34px;
border-radius: 34px;
border-radius: 34px;
background: #72350c;
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker1 {
position: absolute;
top: 1px;
left: 5px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(43deg);
transform: rotate(43deg);
transform: rotate(43deg);
transform: rotate(43deg);
transform: rotate(43deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker1:before {
content: "";
position: absolute;
top: -21px;
left: 12px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(74deg);
transform: rotate(74deg);
transform: rotate(74deg);
transform: rotate(74deg);
transform: rotate(74deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker1:after {
content: "";
position: absolute;
top: -11px;
left: 1px;
height: 2px;
width: 1px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker2 {
position: absolute;
z-index: 2;
top: 6px;
left: 37px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(-23deg);
transform: rotate(-23deg);
transform: rotate(-23deg);
transform: rotate(-23deg);
transform: rotate(-23deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker2:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker2:after {
content: "";
position: absolute;
top: 21px;
left: -9px;
height: 2px;
width: 1px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker3 {
position: absolute;
z-index: 2;
top: 45px;
left: 17px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(80deg);
transform: rotate(80deg);
transform: rotate(80deg);
transform: rotate(80deg);
transform: rotate(80deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker3:before {
content: "";
position: absolute;
top: 9px;
left: -6px;
height: 8px;
width: 4px;
border-radius: 5px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker3:after {
content: "";
position: absolute;
top: -17px;
left: -7px;
height: 8px;
width: 4px;
border-radius: 5px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker4 {
position: absolute;
z-index: 2;
top: 42px;
left: -11px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(109deg);
transform: rotate(109deg);
transform: rotate(109deg);
transform: rotate(109deg);
transform: rotate(109deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker4:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker4:after {
content: "";
position: absolute;
top: 21px;
left: -7px;
height: 2px;
width: 1px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1 {
position: absolute;
z-index: 2;
top: 35px;
left: -184px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(79deg);
transform: rotate(79deg);
transform: rotate(79deg);
transform: rotate(79deg);
transform: rotate(79deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1:after {
content: "";
position: absolute;
top: 20px;
left: -11px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1 div#part1 {
position: absolute;
z-index: 2;
top: -29px;
left: -9px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(-21deg);
transform: rotate(-21deg);
transform: rotate(-21deg);
transform: rotate(-21deg);
transform: rotate(-21deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1 div#part1:before {
content: "";
position: absolute;
top: 5px;
left: -7px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1 div#part1:after {
content: "";
position: absolute;
top: 21px;
left: -12px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1 div#part2 {
position: absolute;
z-index: 2;
top: -17px;
left: -5px;
height: 8px;
width: 2px;
border-radius: 4px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(-3deg);
transform: rotate(-3deg);
transform: rotate(-3deg);
transform: rotate(-3deg);
transform: rotate(-3deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1 div#part2:before {
content: "";
position: absolute;
top: 41px;
left: -23px;
height: 6px;
width: 3px;
border-radius: 4px/6px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1 div#part2:after {
content: "";
position: absolute;
top: 21px;
left: -11px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1 div#part3 {
position: absolute;
z-index: 2;
top: 40px;
left: -31px;
height: 8px;
width: 2px;
border-radius: 4px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp1 div#part3:after {
content: "";
position: absolute;
top: 22px;
left: -9px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2 {
position: absolute;
z-index: 2;
top: -104px;
left: -235px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(325deg);
transform: rotate(325deg);
transform: rotate(325deg);
transform: rotate(325deg);
transform: rotate(325deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2:before {
content: "";
position: absolute;
top: 9px;
left: -4px;
height: 6px;
width: 3px;
border-radius: 3px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2:after {
content: "";
position: absolute;
top: 23px;
left: -11px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
transform: rotate(19deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2 div#part1 {
position: absolute;
z-index: 2;
top: -29px;
left: -9px;
height: 4px;
width: 2px;
border-radius: 3px/4px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(-11deg);
transform: rotate(-11deg);
transform: rotate(-11deg);
transform: rotate(-11deg);
transform: rotate(-11deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2 div#part1:before {
content: "";
position: absolute;
top: 5px;
left: -7px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
transform: rotate(18deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2 div#part1:after {
content: "";
position: absolute;
top: 21px;
left: -10px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2 div#part2 {
position: absolute;
z-index: 2;
top: -21px;
left: -2px;
height: 8px;
width: 2px;
border-radius: 4px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2 div#part2:before {
content: "";
position: absolute;
top: 44px;
left: -20px;
height: 6px;
width: 3px;
border-radius: 4px/6px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(58deg);
transform: rotate(58deg);
transform: rotate(58deg);
transform: rotate(58deg);
transform: rotate(58deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2 div#part2:after {
content: "";
position: absolute;
top: 21px;
left: -10px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2 div#part3 {
position: absolute;
z-index: 2;
top: 40px;
left: -31px;
height: 8px;
width: 2px;
border-radius: 4px/7px;
background-color: #72350c;
border: 3px solid #c7753b;
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
transform: rotate(55deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#suckers div#sucker_temp2 div#part3:after {
content: "";
position: absolute;
top: 21px;
left: -10px;
height: 4px;
width: 2px;
border-radius: 4px/5px;
background-color: #72350c;
border: 2px solid #c7753b;
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
transform: rotate(30deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#part_one {
position: absolute;
top: -49px;
left: -47px;
width: 84px;
height: 84px;
border-radius: 100px;
border: 14px solid #72350c;
border-bottom: 14px solid transparent;
border-right: 14px solid transparent;
transform: rotate(269deg);
transform: rotate(269deg);
transform: rotate(269deg);
transform: rotate(269deg);
transform: rotate(269deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#part_two {
position: absolute;
top: -88px;
left: -258px;
width: 118px;
height: 118px;
width: 118px;
height: 118px;
border-radius: 138px;
border-radius: 138px;
border-radius: 138px;
border-radius: 138px;
border: 14px solid #72350c;
border-left: 14px solid transparent;
border-bottom: 14px solid transparent;
transform: rotate(174deg);
transform: rotate(174deg);
transform: rotate(174deg);
transform: rotate(174deg);
transform: rotate(174deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#part_two:before {
content: "";
position: absolute;
top: 54px;
left: -14px;
width: 14px;
height: 14px;
border-radius: 34px;
border-radius: 34px;
border-radius: 34px;
border-radius: 34px;
background-color: #72350c;
}
div#lab_wrapper div#octopus div#tentacle1 div#part_two:after {
content: "";
position: absolute;
top: -1px;
left: -17px;
width: 124px;
height: 124px;
border-radius: 144px;
border-radius: 144px;
border-radius: 144px;
border-radius: 144px;
border: 14px solid #72350c;
border-left: 14px solid transparent;
border-bottom: 14px solid transparent;
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#part_three {
position: absolute;
top: -143px;
left: -372px;
width: 118px;
height: 118px;
border-radius: 138px;
border-radius: 138px;
border-radius: 138px;
border-radius: 138px;
border: 14px solid #72350c;
border-bottom: 14px solid transparent;
border-right: 14px solid transparent;
transform: rotate(59deg);
transform: rotate(59deg);
transform: rotate(59deg);
transform: rotate(59deg);
transform: rotate(59deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#part_three:before {
content: "";
position: absolute;
top: 11px;
left: -11px;
width: 118px;
height: 118px;
border-radius: 138px;
border-radius: 138px;
border-radius: 138px;
border-radius: 138px;
border: 14px solid #72350c;
border-bottom: 14px solid transparent;
border-right: 14px solid transparent;
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
div#lab_wrapper div#octopus div#tentacle1 div#part_three:after {
content: "";
position: absolute;
top: -2px;
left: -10px;
width: 118px;
height: 118px;
border-radius: 138px;
border-radius: 138px;
border-radius: 138px;
border-radius: 138px;
border: 14px solid #72350c;
border-bottom: 14px solid transparent;
border-right: 14px solid transparent;
transform: rotate(-5deg);
transform: rotate(-5deg);
transform: rotate(-5deg);
transform: rotate(-5deg);
transform: rotate(-5deg);
}
div#lab_wrapper div#octopus div#coat {
width: 210px;
height: 240px;
position: absolute;
z-index: 30;
left: -77px;
top: 66px;
transform-origin: 44% 0;
transform-origin: 44% 0;
transform-origin: 44% 0;
transform-origin: 44% 0;
transform-origin: 44% 0;
transition: all 0.5s linear;
transition: all 0.5s linear;
transition: all 0.5s linear;
transition: all 0.5s linear;
transition: all 0.5s linear;
}
div#lab_wrapper div#octopus div#coat div#collar div#trempel {
position: absolute;
z-index: 7;
top: -17px;
left: 81px;
width: 1px;
height: 1px;
box-shadow: 13px 1px rgba(127,127,127,0.02), 14px 1px rgba(127,127,113,0.07), 15px 1px rgba(127,115,104,0.09), 16px 1px rgba(119,119,102,0.06), 17px 1px rgba(85,85,85,0.01), 11px 2px rgba(153,153,153,0.02), 12px 2px rgba(145,136,127,0.11), 13px 2px rgba(147,141,132,0.32), 14px 2px rgba(137,127,117,0.49), 15px 2px rgba(132,120,108,0.67), 16px 2px rgba(132,120,104,0.75), 17px 2px rgba(134,120,104,0.66), 18px 2px rgba(148,133,119,0.48), 19px 2px rgba(152,143,129,0.22), 10px 3px rgba(182,182,182,0.03), 11px 3px rgba(175,167,163,0.24), 12px 3px rgba(117,103,90,0.65), 13px 3px rgba(117,99,77,0.95), 14px 3px rgba(116,95,69,0.96), 15px 3px rgba(117,92,65,0.97), 16px 3px #775e42, 17px 3px rgba(123,98,70,0.98), 18px 3px rgba(128,105,78,0.91), 19px 3px rgba(135,115,91,0.77), 20px 3px rgba(159,145,126,0.51), 21px 3px rgba(182,170,157,0.16), 10px 4px rgba(173,168,158,0.21), 11px 4px rgba(123,109,94,0.69), 12px 4px rgba(112,89,63,0.97), 13px 4px #745b3e, 14px 4px #775e3e, 15px 4px #7b6040, 16px 4px #856a4b, 17px 4px #846948, 18px 4px #7b5f3d, 19px 4px #7f6240, 20px 4px #7b6345, 21px 4px rgba(154,138,117,0.67), 22px 4px rgba(168,151,135,0.18), 23px 4px rgba(127,127,127,0.01), 10px 5px rgba(162,151,138,0.45), 11px 5px rgba(109,88,63,0.96), 12px 5px #765d3c, 13px 5px rgba(130,105,72,0.96), 14px 5px rgba(155,134,107,0.71), 15px 5px rgba(170,150,127,0.56), 16px 5px rgba(154,134,110,0.5), 17px 5px rgba(156,135,109,0.58), 18px 5px rgba(158,137,109,0.76), 19px 5px rgba(146,119,87,0.91), 20px 5px #886b48, 21px 5px #7a5f3d, 22px 5px rgba(144,127,102,0.65), 23px 5px rgba(175,167,151,0.13), 9px 6px rgba(195,180,180,0.07), 10px 6px rgba(148,132,113,0.69), 11px 6px #72593b, 12px 6px rgba(145,123,92,0.84), 13px 6px rgba(180,162,137,0.44), 14px 6px rgba(178,158,137,0.2), 15px 6px rgba(198,170,170,0.04), 18px 6px rgba(198,184,170,0.14), 19px 6px rgba(167,150,126,0.47), 20px 6px rgba(149,125,97,0.9), 21px 6px #8d724f, 22px 6px rgba(122,97,64,0.97), 23px 6px rgba(167,153,130,0.49), 24px 6px rgba(198,198,170,0.04), 9px 7px rgba(191,191,191,0.03), 10px 7px rgba(147,128,107,0.75), 11px 7px rgba(131,106,76,0.94), 12px 7px rgba(177,159,134,0.49), 19px 7px rgba(163,145,127,0.05), 20px 7px rgba(195,182,166,0.37), 21px 7px rgba(147,122,92,0.95), 22px 7px #826543, 23px 7px rgba(140,119,91,0.83), 24px 7px rgba(202,190,174,0.25), 10px 8px rgba(138,117,95,0.73), 11px 8px rgba(156,135,109,0.73), 12px 8px rgba(192,182,158,0.21), 20px 8px rgba(197,185,173,0.09), 21px 8px rgba(164,144,124,0.55), 22px 8px rgba(142,112,80,0.96), 23px 8px rgba(129,104,74,0.99), 24px 8px rgba(170,153,131,0.47), 10px 9px rgba(140,124,101,0.56), 11px 9px rgba(177,162,144,0.42), 12px 9px rgba(198,184,170,0.07), 21px 9px rgba(189,172,156,0.24), 22px 9px rgba(150,122,94,0.93), 23px 9px #886d4d, 24px 9px rgba(143,122,96,0.54), 25px 9px rgba(127,127,63,0.02), 9px 10px rgba(127,127,127,0.01), 10px 10px rgba(179,165,151,0.15), 11px 10px rgba(191,180,170,0.09), 12px 10px rgba(170,170,170,0.01), 21px 10px rgba(202,187,173,0.21), 22px 10px rgba(149,124,100,0.96), 23px 10px #8d6f50, 24px 10px rgba(137,113,86,0.49), 25px 10px rgba(127,95,63,0.03), 10px 11px rgba(127,127,127,0.01), 11px 11px rgba(127,127,127,0.01), 21px 11px rgba(192,179,163,0.31), 22px 11px #90775c, 23px 11px #8e7152, 24px 11px rgba(140,116,91,0.43), 25px 11px rgba(109,109,72,0.03), 20px 12px rgba(210,195,180,0.07), 21px 12px rgba(173,154,135,0.48), 22px 12px #876b4a, 23px 12px rgba(143,116,86,0.98), 24px 12px rgba(175,158,135,0.3), 25px 12px rgba(127,127,127,0.01), 20px 13px rgba(194,180,166,0.28), 21px 13px rgba(144,117,93,0.83), 22px 13px #8a6b49, 23px 13px rgba(153,130,103,0.72), 24px 13px rgba(187,178,153,0.12), 19px 14px rgba(181,166,152,0.2), 20px 14px rgba(159,136,113,0.7), 21px 14px rgba(134,104,73,0.99), 22px 14px rgba(144,114,83,0.95), 23px 14px rgba(153,130,109,0.52), 24px 14px rgba(85,85,85,0.01), 18px 15px rgba(172,156,139,0.12), 19px 15px rgba(145,123,98,0.68), 20px 15px rgba(137,110,78,0.98), 21px 15px #8c6d4b, 22px 15px rgba(145,118,88,0.89), 23px 15px rgba(158,136,118,0.45), 17px 16px rgba(181,167,154,0.15), 18px 16px rgba(152,133,106,0.67), 19px 16px #876d4f, 20px 16px #8c7252, 21px 16px #917452, 22px 16px rgba(142,115,85,0.93), 23px 16px rgba(172,153,133,0.46), 16px 17px rgba(191,178,153,0.08), 17px 17px rgba(161,144,124,0.51), 18px 17px #8b7255, 19px 17px rgba(171,151,128,0.7), 20px 17px rgba(173,156,132,0.64), 21px 17px rgba(150,125,95,0.9), 22px 17px #8b6f4f, 23px 17px rgba(173,152,130,0.61), 16px 18px rgba(183,168,147,0.33), 17px 18px rgba(139,118,93,0.84), 18px 18px rgba(160,140,117,0.78), 19px 18px rgba(215,215,196,0.05), 21px 18px rgba(167,147,123,0.55), 22px 18px #87694a, 23px 18px rgba(161,136,111,0.74), 24px 18px rgba(194,182,170,0.08), 16px 19px rgba(166,147,123,0.62), 17px 19px rgba(148,127,101,0.89), 18px 19px rgba(194,177,160,0.36), 21px 19px rgba(195,176,161,0.27), 22px 19px rgba(152,125,98,0.89), 23px 19px rgba(141,114,85,0.96), 24px 19px rgba(174,157,140,0.35), 15px 20px rgba(194,182,166,0.18), 16px 20px rgba(153,132,106,0.82), 17px 20px rgba(172,152,127,0.69), 18px 20px rgba(207,191,191,0.06), 21px 20px rgba(102,102,102,0.02), 22px 20px rgba(155,136,116,0.52), 23px 20px rgba(148,121,90,0.97), 24px 20px rgba(153,130,105,0.76), 25px 20px rgba(177,166,154,0.17), 13px 21px rgba(127,127,127,0.02), 14px 21px rgba(179,170,151,0.11), 15px 21px rgba(155,137,115,0.62), 16px 21px rgba(137,115,85,0.98), 17px 21px rgba(160,141,120,0.54), 20px 21px rgba(102,102,102,0.02), 21px 21px rgba(85,85,85,0.01), 22px 21px rgba(145,133,121,0.25), 23px 21px rgba(153,128,103,0.84), 24px 21px #907456, 25px 21px rgba(150,132,110,0.66), 26px 21px rgba(166,156,145,0.19), 27px 21px rgba(148,148,127,0.05), 10px 22px rgba(127,127,127,0.02), 11px 22px rgba(139,115,115,0.04), 12px 22px rgba(145,127,109,0.05), 13px 22px rgba(155,144,129,0.27), 14px 22px rgba(146,128,103,0.67), 15px 22px rgba(144,118,87,0.95), 16px 22px #917656, 17px 22px rgba(132,112,87,0.84), 18px 22px rgba(134,120,102,0.62), 19px 22px rgba(139,127,113,0.56), 20px 22px rgba(131,119,103,0.56), 21px 22px rgba(120,109,92,0.53), 22px 22px rgba(126,113,94,0.54), 23px 22px rgba(138,115,92,0.85), 24px 22px #907456, 25px 22px #8f7456, 26px 22px rgba(144,123,105,0.81), 27px 22px rgba(166,154,141,0.4), 28px 22px rgba(187,174,161,0.07), 7px 23px rgba(150,135,120,0.07), 8px 23px rgba(147,127,107,0.1), 9px 23px rgba(172,165,157,0.13), 10px 23px rgba(162,153,145,0.23), 11px 23px rgba(146,135,119,0.45), 12px 23px rgba(139,122,100,0.69), 13px 23px rgba(146,121,93,0.86), 14px 23px rgba(144,118,84,0.97), 15px 23px #927552, 16px 23px #927553, 17px 23px #846a4b, 18px 23px #785f42, 19px 23px #775f44, 20px 23px #7b6448, 21px 23px #7d674b, 22px 23px #735b3f, 23px 23px #85694d, 24px 23px #947759, 25px 23px #967859, 26px 23px rgba(143,115,85,0.99), 27px 23px rgba(141,118,93,0.91), 28px 23px rgba(147,131,112,0.69), 29px 23px rgba(134,117,101,0.42), 30px 23px rgba(152,141,127,0.28), 31px 23px rgba(162,155,141,0.14), 32px 23px rgba(102,102,102,0.02), 5px 24px rgba(165,150,135,0.07), 6px 24px rgba(168,156,141,0.25), 7px 24px rgba(150,137,120,0.47), 8px 24px rgba(146,129,109,0.7), 9px 24px rgba(138,118,95,0.85), 10px 24px rgba(135,112,87,0.93), 11px 24px rgba(135,111,84,0.97), 12px 24px #907758, 13px 24px #947655, 14px 24px #927554, 15px 24px rgba(147,121,88,0.98), 16px 24px rgba(149,123,92,0.96), 17px 24px rgba(154,129,97,0.94), 18px 24px rgba(155,130,99,0.94), 19px 24px rgba(153,127,96,0.93), 20px 24px rgba(150,123,93,0.93), 21px 24px rgba(152,125,94,0.96), 22px 24px rgba(152,126,95,0.99), 23px 24px #967b5c, 24px 24px #95795a, 25px 24px #947859, 26px 24px #927757, 27px 24px #907456, 28px 24px #897053, 29px 24px rgba(128,105,81,0.93), 30px 24px rgba(139,121,99,0.83), 31px 24px rgba(144,131,111,0.66), 32px 24px rgba(135,120,105,0.27), 5px 25px rgba(142,122,96,0.2), 6px 25px rgba(137,114,87,0.81), 7px 25px rgba(141,115,87,0.98), 8px 25px #92785c, 9px 25px rgba(146,120,93,0.98), 10px 25px rgba(156,133,107,0.9), 11px 25px rgba(163,143,118,0.77), 12px 25px rgba(158,137,111,0.67), 13px 25px rgba(172,153,129,0.63), 14px 25px rgba(171,152,129,0.56), 15px 25px rgba(152,131,106,0.53), 16px 25px rgba(160,137,113,0.55), 17px 25px rgba(171,152,126,0.54), 18px 25px rgba(182,165,143,0.54), 19px 25px rgba(192,176,156,0.5), 20px 25px rgba(173,157,137,0.44), 21px 25px rgba(145,126,105,0.43), 22px 25px rgba(154,137,115,0.47), 23px 25px rgba(158,140,118,0.5), 24px 25px rgba(155,137,117,0.55), 25px 25px rgba(155,135,115,0.6), 26px 25px rgba(150,130,107,0.66), 27px 25px rgba(148,127,103,0.71), 28px 25px rgba(152,130,104,0.79), 29px 25px rgba(156,132,107,0.91), 30px 25px rgba(143,120,93,0.97), 31px 25px rgba(134,111,85,0.95), 32px 25px rgba(129,109,82,0.25), 5px 26px rgba(148,120,92,0.14), 6px 26px rgba(159,137,109,0.62), 7px 26px rgba(157,137,115,0.6), 8px 26px rgba(170,153,130,0.45), 9px 26px rgba(186,169,148,0.35), 10px 26px rgba(168,144,120,0.29), 11px 26px rgba(182,163,141,0.22), 12px 26px rgba(160,145,131,0.14), 13px 26px rgba(191,175,159,0.06), 19px 26px rgba(191,159,127,0.03), 20px 26px rgba(170,148,127,0.05), 21px 26px rgba(145,127,91,0.05), 22px 26px rgba(155,127,113,0.07), 23px 26px rgba(153,140,114,0.08), 24px 26px rgba(153,142,122,0.1), 25px 26px rgba(158,140,123,0.11), 26px 26px rgba(148,134,120,0.14), 27px 26px rgba(144,127,110,0.18), 28px 26px rgba(163,150,129,0.24), 29px 26px rgba(191,176,161,0.4), 30px 26px rgba(185,169,149,0.5), 31px 26px rgba(178,159,138,0.53), 32px 26px rgba(155,141,113,0.07), 5px 27px rgba(145,145,109,0.03), 6px 27px rgba(170,148,127,0.14), 7px 27px rgba(161,144,119,0.12), 8px 27px rgba(127,127,127,0.02), 30px 27px rgba(127,127,127,0.01), 31px 27px rgba(170,141,113,0.04), 32px 27px rgba(127,127,0,0.01), 9px 35px rgba(127,127,127,0.02), 10px 35px rgba(102,102,102,0.02), 11px 35px rgba(85,85,85,0.01), 22px 35px rgba(102,102,102,0.02), 23px 35px rgba(72,72,72,0.03), 24px 35px rgba(109,109,72,0.03), 25px 35px rgba(153,153,102,0.02), 6px 36px rgba(142,132,112,0.1), 7px 36px rgba(204,200,191,0.22), 8px 36px rgba(173,163,154,0.22), 9px 36px rgba(155,146,133,0.23), 10px 36px rgba(125,113,101,0.25), 11px 36px rgba(112,103,86,0.23), 12px 36px rgba(149,137,125,0.25), 13px 36px rgba(181,172,162,0.31), 14px 36px rgba(156,144,130,0.35), 15px 36px rgba(140,131,117,0.34), 16px 36px rgba(124,110,95,0.35), 17px 36px rgba(104,89,70,0.33), 18px 36px rgba(140,124,110,0.3), 19px 36px rgba(187,181,171,0.3), 20px 36px rgba(168,162,149,0.31), 21px 36px rgba(155,145,135,0.3), 22px 36px rgba(134,124,111,0.31), 23px 36px rgba(105,89,76,0.3), 24px 36px rgba(129,115,101,0.29), 25px 36px rgba(168,162,149,0.31), 26px 36px rgba(171,161,150,0.37), 27px 36px rgba(146,136,126,0.39), 28px 36px rgba(130,120,107,0.4), 29px 36px rgba(112,98,85,0.41), 30px 36px rgba(105,92,73,0.38), 31px 36px rgba(136,126,112,0.37), 32px 36px rgba(183,173,163,0.31), 33px 36px rgba(153,102,102,0.02), 6px 37px rgba(120,100,80,0.15), 7px 37px rgba(128,109,90,0.84), 8px 37px rgba(128,110,89,0.91), 9px 37px rgba(129,110,89,0.9), 10px 37px rgba(124,105,85,0.88), 11px 37px rgba(122,103,81,0.85), 12px 37px rgba(129,112,89,0.82), 13px 37px rgba(143,125,103,0.83), 14px 37px rgba(139,120,98,0.84), 15px 37px rgba(135,116,95,0.85), 16px 37px rgba(130,112,89,0.88), 17px 37px rgba(123,105,81,0.89), 18px 37px rgba(123,103,80,0.91), 19px 37px rgba(125,104,81,0.95), 20px 37px rgba(123,105,82,0.98), 21px 37px rgba(124,106,83,0.98), 22px 37px rgba(124,103,83,0.97), 23px 37px rgba(122,100,77,0.94), 24px 37px rgba(121,99,77,0.9), 25px 37px rgba(129,109,86,0.87), 26px 37px rgba(135,114,93,0.87), 27px 37px rgba(133,111,92,0.87), 28px 37px rgba(130,110,89,0.88), 29px 37px rgba(124,103,83,0.9), 30px 37px rgba(123,104,81,0.91), 31px 37px rgba(124,105,83,0.95), 32px 37px rgba(122,103,79,0.75), 33px 37px rgba(102,102,51,0.02), 6px 38px rgba(139,92,69,0.04), 7px 38px rgba(140,111,79,0.78), 8px 38px #907252, 9px 38px #917454, 10px 38px #927557, 11px 38px #8f7455, 12px 38px #8a6e4e, 13px 38px #856947, 14px 38px #876a48, 15px 38px #886b49, 16px 38px #8f724f, 17px 38px #947754, 18px 38px #957855, 19px 38px #937552, 20px 38px #917354, 21px 38px #917455, 22px 38px #917454, 23px 38px #937757, 24px 38px #907454, 25px 38px #896c4d, 26px 38px #846547, 27px 38px #866648, 28px 38px #8d6f51, 29px 38px #917556, 30px 38px #927555, 31px 38px #8f7252, 32px 38px rgba(142,114,81,0.71), 33px 38px rgba(85,85,85,0.01), 6px 39px rgba(85,85,85,0.01), 7px 39px rgba(142,117,87,0.62), 8px 39px rgba(146,121,90,0.9), 9px 39px rgba(151,126,96,0.88), 10px 39px rgba(154,128,99,0.9), 11px 39px rgba(157,131,100,0.91), 12px 39px rgba(160,134,102,0.91), 13px 39px rgba(159,133,102,0.92), 14px 39px rgba(156,129,97,0.94), 15px 39px rgba(153,126,93,0.95), 16px 39px rgba(153,125,90,0.97), 17px 39px #967955, 18px 39px #977b57, 19px 39px #997d5c, 20px 39px #997b5d, 21px 39px #96795b, 22px 39px #95795a, 23px 39px rgba(154,129,98,0.93), 24px 39px rgba(156,132,102,0.91), 25px 39px rgba(159,134,105,0.91), 26px 39px rgba(162,135,107,0.89), 27px 39px rgba(158,130,100,0.87), 28px 39px rgba(154,125,94,0.86), 29px 39px rgba(156,130,98,0.91), 30px 39px rgba(156,131,101,0.95), 31px 39px rgba(154,129,100,0.93), 32px 39px rgba(148,125,98,0.61), 33px 39px rgba(127,127,0,0.01), 7px 40px rgba(198,187,164,0.18), 8px 40px rgba(175,155,136,0.35), 9px 40px rgba(143,122,97,0.37), 10px 40px rgba(150,131,107,0.42), 11px 40px rgba(156,139,113,0.46), 12px 40px rgba(164,146,123,0.49), 13px 40px rgba(168,150,129,0.52), 14px 40px rgba(172,154,133,0.55), 15px 40px rgba(179,163,142,0.57), 16px 40px rgba(185,168,146,0.59), 17px 40px rgba(185,168,148,0.55), 18px 40px rgba(157,136,110,0.46), 19px 40px rgba(152,129,102,0.48), 20px 40px rgba(165,142,118,0.51), 21px 40px rgba(183,160,141,0.53), 22px 40px rgba(187,166,146,0.52), 23px 40px rgba(155,133,106,0.41), 24px 40px rgba(153,132,108,0.43), 25px 40px rgba(161,143,122,0.46), 26px 40px rgba(182,164,144,0.44), 27px 40px rgba(179,162,141,0.35), 28px 40px rgba(156,134,111,0.22), 29px 40px rgba(163,144,121,0.26), 30px 40px rgba(188,170,147,0.27), 31px 40px rgba(209,193,176,0.24), 32px 40px rgba(177,155,134,0.14), 33px 40px rgba(127,0,0,0.01), 13px 41px rgba(127,127,63,0.02), 14px 41px rgba(170,148,127,0.05), 15px 41px rgba(174,161,134,0.07), 16px 41px rgba(183,173,153,0.1), 17px 41px rgba(183,173,153,0.1), 18px 41px rgba(153,136,102,0.06), 19px 41px rgba(139,115,92,0.04), 20px 41px rgba(153,153,127,0.04), 21px 41px rgba(170,170,170,0.01), 27px 41px rgba(127,127,127,0.01), 28px 41px rgba(127,127,63,0.02), 29px 41px rgba(127,127,85,0.02), 30px 41px rgba(153,153,153,0.02);
box-shadow: 13px 1px rgba(127,127,127,0.02), 14px 1px rgba(127,127,113,0.07), 15px 1px rgba(127,115,104,0.09), 16px 1px rgba(119,119,102,0.06), 17px 1px rgba(85,85,85,0.01), 11px 2px rgba(153,153,153,0.02), 12px 2px rgba(145,136,127,0.11), 13px 2px rgba(147,141,132,0.32), 14px 2px rgba(137,127,117,0.49), 15px 2px rgba(132,120,108,0.67), 16px 2px rgba(132,120,104,0.75), 17px 2px rgba(134,120,104,0.66), 18px 2px rgba(148,133,119,0.48), 19px 2px rgba(152,143,129,0.22), 10px 3px rgba(182,182,182,0.03), 11px 3px rgba(175,167,163,0.24), 12px 3px rgba(117,103,90,0.65), 13px 3px rgba(117,99,77,0.95), 14px 3px rgba(116,95,69,0.96), 15px 3px rgba(117,92,65,0.97), 16px 3px #775e42, 17px 3px rgba(123,98,70,0.98), 18px 3px rgba(128,105,78,0.91), 19px 3px rgba(135,115,91,0.77), 20px 3px rgba(159,145,126,0.51), 21px 3px rgba(182,170,157,0.16), 10px 4px rgba(173,168,158,0.21), 11px 4px rgba(123,109,94,0.69), 12px 4px rgba(112,89,63,0.97), 13px 4px #745b3e, 14px 4px #775e3e, 15px 4px #7b6040, 16px 4px #856a4b, 17px 4px #846948, 18px 4px #7b5f3d, 19px 4px #7f6240, 20px 4px #7b6345, 21px 4px rgba(154,138,117,0.67), 22px 4px rgba(168,151,135,0.18), 23px 4px rgba(127,127,127,0.01), 10px 5px rgba(162,151,138,0.45), 11px 5px rgba(109,88,63,0.96), 12px 5px #765d3c, 13px 5px rgba(130,105,72,0.96), 14px 5px rgba(155,134,107,0.71), 15px 5px rgba(170,150,127,0.56), 16px 5px rgba(154,134,110,0.5), 17px 5px rgba(156,135,109,0.58), 18px 5px rgba(158,137,109,0.76), 19px 5px rgba(146,119,87,0.91), 20px 5px #886b48, 21px 5px #7a5f3d, 22px 5px rgba(144,127,102,0.65), 23px 5px rgba(175,167,151,0.13), 9px 6px rgba(195,180,180,0.07), 10px 6px rgba(148,132,113,0.69), 11px 6px #72593b, 12px 6px rgba(145,123,92,0.84), 13px 6px rgba(180,162,137,0.44), 14px 6px rgba(178,158,137,0.2), 15px 6px rgba(198,170,170,0.04), 18px 6px rgba(198,184,170,0.14), 19px 6px rgba(167,150,126,0.47), 20px 6px rgba(149,125,97,0.9), 21px 6px #8d724f, 22px 6px rgba(122,97,64,0.97), 23px 6px rgba(167,153,130,0.49), 24px 6px rgba(198,198,170,0.04), 9px 7px rgba(191,191,191,0.03), 10px 7px rgba(147,128,107,0.75), 11px 7px rgba(131,106,76,0.94), 12px 7px rgba(177,159,134,0.49), 19px 7px rgba(163,145,127,0.05), 20px 7px rgba(195,182,166,0.37), 21px 7px rgba(147,122,92,0.95), 22px 7px #826543, 23px 7px rgba(140,119,91,0.83), 24px 7px rgba(202,190,174,0.25), 10px 8px rgba(138,117,95,0.73), 11px 8px rgba(156,135,109,0.73), 12px 8px rgba(192,182,158,0.21), 20px 8px rgba(197,185,173,0.09), 21px 8px rgba(164,144,124,0.55), 22px 8px rgba(142,112,80,0.96), 23px 8px rgba(129,104,74,0.99), 24px 8px rgba(170,153,131,0.47), 10px 9px rgba(140,124,101,0.56), 11px 9px rgba(177,162,144,0.42), 12px 9px rgba(198,184,170,0.07), 21px 9px rgba(189,172,156,0.24), 22px 9px rgba(150,122,94,0.93), 23px 9px #886d4d, 24px 9px rgba(143,122,96,0.54), 25px 9px rgba(127,127,63,0.02), 9px 10px rgba(127,127,127,0.01), 10px 10px rgba(179,165,151,0.15), 11px 10px rgba(191,180,170,0.09), 12px 10px rgba(170,170,170,0.01), 21px 10px rgba(202,187,173,0.21), 22px 10px rgba(149,124,100,0.96), 23px 10px #8d6f50, 24px 10px rgba(137,113,86,0.49), 25px 10px rgba(127,95,63,0.03), 10px 11px rgba(127,127,127,0.01), 11px 11px rgba(127,127,127,0.01), 21px 11px rgba(192,179,163,0.31), 22px 11px #90775c, 23px 11px #8e7152, 24px 11px rgba(140,116,91,0.43), 25px 11px rgba(109,109,72,0.03), 20px 12px rgba(210,195,180,0.07), 21px 12px rgba(173,154,135,0.48), 22px 12px #876b4a, 23px 12px rgba(143,116,86,0.98), 24px 12px rgba(175,158,135,0.3), 25px 12px rgba(127,127,127,0.01), 20px 13px rgba(194,180,166,0.28), 21px 13px rgba(144,117,93,0.83), 22px 13px #8a6b49, 23px 13px rgba(153,130,103,0.72), 24px 13px rgba(187,178,153,0.12), 19px 14px rgba(181,166,152,0.2), 20px 14px rgba(159,136,113,0.7), 21px 14px rgba(134,104,73,0.99), 22px 14px rgba(144,114,83,0.95), 23px 14px rgba(153,130,109,0.52), 24px 14px rgba(85,85,85,0.01), 18px 15px rgba(172,156,139,0.12), 19px 15px rgba(145,123,98,0.68), 20px 15px rgba(137,110,78,0.98), 21px 15px #8c6d4b, 22px 15px rgba(145,118,88,0.89), 23px 15px rgba(158,136,118,0.45), 17px 16px rgba(181,167,154,0.15), 18px 16px rgba(152,133,106,0.67), 19px 16px #876d4f, 20px 16px #8c7252, 21px 16px #917452, 22px 16px rgba(142,115,85,0.93), 23px 16px rgba(172,153,133,0.46), 16px 17px rgba(191,178,153,0.08), 17px 17px rgba(161,144,124,0.51), 18px 17px #8b7255, 19px 17px rgba(171,151,128,0.7), 20px 17px rgba(173,156,132,0.64), 21px 17px rgba(150,125,95,0.9), 22px 17px #8b6f4f, 23px 17px rgba(173,152,130,0.61), 16px 18px rgba(183,168,147,0.33), 17px 18px rgba(139,118,93,0.84), 18px 18px rgba(160,140,117,0.78), 19px 18px rgba(215,215,196,0.05), 21px 18px rgba(167,147,123,0.55), 22px 18px #87694a, 23px 18px rgba(161,136,111,0.74), 24px 18px rgba(194,182,170,0.08), 16px 19px rgba(166,147,123,0.62), 17px 19px rgba(148,127,101,0.89), 18px 19px rgba(194,177,160,0.36), 21px 19px rgba(195,176,161,0.27), 22px 19px rgba(152,125,98,0.89), 23px 19px rgba(141,114,85,0.96), 24px 19px rgba(174,157,140,0.35), 15px 20px rgba(194,182,166,0.18), 16px 20px rgba(153,132,106,0.82), 17px 20px rgba(172,152,127,0.69), 18px 20px rgba(207,191,191,0.06), 21px 20px rgba(102,102,102,0.02), 22px 20px rgba(155,136,116,0.52), 23px 20px rgba(148,121,90,0.97), 24px 20px rgba(153,130,105,0.76), 25px 20px rgba(177,166,154,0.17), 13px 21px rgba(127,127,127,0.02), 14px 21px rgba(179,170,151,0.11), 15px 21px rgba(155,137,115,0.62), 16px 21px rgba(137,115,85,0.98), 17px 21px rgba(160,141,120,0.54), 20px 21px rgba(102,102,102,0.02), 21px 21px rgba(85,85,85,0.01), 22px 21px rgba(145,133,121,0.25), 23px 21px rgba(153,128,103,0.84), 24px 21px #907456, 25px 21px rgba(150,132,110,0.66), 26px 21px rgba(166,156,145,0.19), 27px 21px rgba(148,148,127,0.05), 10px 22px rgba(127,127,127,0.02), 11px 22px rgba(139,115,115,0.04), 12px 22px rgba(145,127,109,0.05), 13px 22px rgba(155,144,129,0.27), 14px 22px rgba(146,128,103,0.67), 15px 22px rgba(144,118,87,0.95), 16px 22px #917656, 17px 22px rgba(132,112,87,0.84), 18px 22px rgba(134,120,102,0.62), 19px 22px rgba(139,127,113,0.56), 20px 22px rgba(131,119,103,0.56), 21px 22px rgba(120,109,92,0.53), 22px 22px rgba(126,113,94,0.54), 23px 22px rgba(138,115,92,0.85), 24px 22px #907456, 25px 22px #8f7456, 26px 22px rgba(144,123,105,0.81), 27px 22px rgba(166,154,141,0.4), 28px 22px rgba(187,174,161,0.07), 7px 23px rgba(150,135,120,0.07), 8px 23px rgba(147,127,107,0.1), 9px 23px rgba(172,165,157,0.13), 10px 23px rgba(162,153,145,0.23), 11px 23px rgba(146,135,119,0.45), 12px 23px rgba(139,122,100,0.69), 13px 23px rgba(146,121,93,0.86), 14px 23px rgba(144,118,84,0.97), 15px 23px #927552, 16px 23px #927553, 17px 23px #846a4b, 18px 23px #785f42, 19px 23px #775f44, 20px 23px #7b6448, 21px 23px #7d674b, 22px 23px #735b3f, 23px 23px #85694d, 24px 23px #947759, 25px 23px #967859, 26px 23px rgba(143,115,85,0.99), 27px 23px rgba(141,118,93,0.91), 28px 23px rgba(147,131,112,0.69), 29px 23px rgba(134,117,101,0.42), 30px 23px rgba(152,141,127,0.28), 31px 23px rgba(162,155,141,0.14), 32px 23px rgba(102,102,102,0.02), 5px 24px rgba(165,150,135,0.07), 6px 24px rgba(168,156,141,0.25), 7px 24px rgba(150,137,120,0.47), 8px 24px rgba(146,129,109,0.7), 9px 24px rgba(138,118,95,0.85), 10px 24px rgba(135,112,87,0.93), 11px 24px rgba(135,111,84,0.97), 12px 24px #907758, 13px 24px #947655, 14px 24px #927554, 15px 24px rgba(147,121,88,0.98), 16px 24px rgba(149,123,92,0.96), 17px 24px rgba(154,129,97,0.94), 18px 24px rgba(155,130,99,0.94), 19px 24px rgba(153,127,96,0.93), 20px 24px rgba(150,123,93,0.93), 21px 24px rgba(152,125,94,0.96), 22px 24px rgba(152,126,95,0.99), 23px 24px #967b5c, 24px 24px #95795a, 25px 24px #947859, 26px 24px #927757, 27px 24px #907456, 28px 24px #897053, 29px 24px rgba(128,105,81,0.93), 30px 24px rgba(139,121,99,0.83), 31px 24px rgba(144,131,111,0.66), 32px 24px rgba(135,120,105,0.27), 5px 25px rgba(142,122,96,0.2), 6px 25px rgba(137,114,87,0.81), 7px 25px rgba(141,115,87,0.98), 8px 25px #92785c, 9px 25px rgba(146,120,93,0.98), 10px 25px rgba(156,133,107,0.9), 11px 25px rgba(163,143,118,0.77), 12px 25px rgba(158,137,111,0.67), 13px 25px rgba(172,153,129,0.63), 14px 25px rgba(171,152,129,0.56), 15px 25px rgba(152,131,106,0.53), 16px 25px rgba(160,137,113,0.55), 17px 25px rgba(171,152,126,0.54), 18px 25px rgba(182,165,143,0.54), 19px 25px rgba(192,176,156,0.5), 20px 25px rgba(173,157,137,0.44), 21px 25px rgba(145,126,105,0.43), 22px 25px rgba(154,137,115,0.47), 23px 25px rgba(158,140,118,0.5), 24px 25px rgba(155,137,117,0.55), 25px 25px rgba(155,135,115,0.6), 26px 25px rgba(150,130,107,0.66), 27px 25px rgba(148,127,103,0.71), 28px 25px rgba(152,130,104,0.79), 29px 25px rgba(156,132,107,0.91), 30px 25px rgba(143,120,93,0.97), 31px 25px rgba(134,111,85,0.95), 32px 25px rgba(129,109,82,0.25), 5px 26px rgba(148,120,92,0.14), 6px 26px rgba(159,137,109,0.62), 7px 26px rgba(157,137,115,0.6), 8px 26px rgba(170,153,130,0.45), 9px 26px rgba(186,169,148,0.35), 10px 26px rgba(168,144,120,0.29), 11px 26px rgba(182,163,141,0.22), 12px 26px rgba(160,145,131,0.14), 13px 26px rgba(191,175,159,0.06), 19px 26px rgba(191,159,127,0.03), 20px 26px rgba(170,148,127,0.05), 21px 26px rgba(145,127,91,0.05), 22px 26px rgba(155,127,113,0.07), 23px 26px rgba(153,140,114,0.08), 24px 26px rgba(153,142,122,0.1), 25px 26px rgba(158,140,123,0.11), 26px 26px rgba(148,134,120,0.14), 27px 26px rgba(144,127,110,0.18), 28px 26px rgba(163,150,129,0.24), 29px 26px rgba(191,176,161,0.4), 30px 26px rgba(185,169,149,0.5), 31px 26px rgba(178,159,138,0.53), 32px 26px rgba(155,141,113,0.07), 5px 27px rgba(145,145,109,0.03), 6px 27px rgba(170,148,127,0.14), 7px 27px rgba(161,144,119,0.12), 8px 27px rgba(127,127,127,0.02), 30px 27px rgba(127,127,127,0.01), 31px 27px rgba(170,141,113,0.04), 32px 27px rgba(127,127,0,0.01), 9px 35px rgba(127,127,127,0.02), 10px 35px rgba(102,102,102,0.02), 11px 35px rgba(85,85,85,0.01), 22px 35px rgba(102,102,102,0.02), 23px 35px rgba(72,72,72,0.03), 24px 35px rgba(109,109,72,0.03), 25px 35px rgba(153,153,102,0.02), 6px 36px rgba(142,132,112,0.1), 7px 36px rgba(204,200,191,0.22), 8px 36px rgba(173,163,154,0.22), 9px 36px rgba(155,146,133,0.23), 10px 36px rgba(125,113,101,0.25), 11px 36px rgba(112,103,86,0.23), 12px 36px rgba(149,137,125,0.25), 13px 36px rgba(181,172,162,0.31), 14px 36px rgba(156,144,130,0.35), 15px 36px rgba(140,131,117,0.34), 16px 36px rgba(124,110,95,0.35), 17px 36px rgba(104,89,70,0.33), 18px 36px rgba(140,124,110,0.3), 19px 36px rgba(187,181,171,0.3), 20px 36px rgba(168,162,149,0.31), 21px 36px rgba(155,145,135,0.3), 22px 36px rgba(134,124,111,0.31), 23px 36px rgba(105,89,76,0.3), 24px 36px rgba(129,115,101,0.29), 25px 36px rgba(168,162,149,0.31), 26px 36px rgba(171,161,150,0.37), 27px 36px rgba(146,136,126,0.39), 28px 36px rgba(130,120,107,0.4), 29px 36px rgba(112,98,85,0.41), 30px 36px rgba(105,92,73,0.38), 31px 36px rgba(136,126,112,0.37), 32px 36px rgba(183,173,163,0.31), 33px 36px rgba(153,102,102,0.02), 6px 37px rgba(120,100,80,0.15), 7px 37px rgba(128,109,90,0.84), 8px 37px rgba(128,110,89,0.91), 9px 37px rgba(129,110,89,0.9), 10px 37px rgba(124,105,85,0.88), 11px 37px rgba(122,103,81,0.85), 12px 37px rgba(129,112,89,0.82), 13px 37px rgba(143,125,103,0.83), 14px 37px rgba(139,120,98,0.84), 15px 37px rgba(135,116,95,0.85), 16px 37px rgba(130,112,89,0.88), 17px 37px rgba(123,105,81,0.89), 18px 37px rgba(123,103,80,0.91), 19px 37px rgba(125,104,81,0.95), 20px 37px rgba(123,105,82,0.98), 21px 37px rgba(124,106,83,0.98), 22px 37px rgba(124,103,83,0.97), 23px 37px rgba(122,100,77,0.94), 24px 37px rgba(121,99,77,0.9), 25px 37px rgba(129,109,86,0.87), 26px 37px rgba(135,114,93,0.87), 27px 37px rgba(133,111,92,0.87), 28px 37px rgba(130,110,89,0.88), 29px 37px rgba(124,103,83,0.9), 30px 37px rgba(123,104,81,0.91), 31px 37px rgba(124,105,83,0.95), 32px 37px rgba(122,103,79,0.75), 33px 37px rgba(102,102,51,0.02), 6px 38px rgba(139,92,69,0.04), 7px 38px rgba(140,111,79,0.78), 8px 38px #907252, 9px 38px #917454, 10px 38px #927557, 11px 38px #8f7455, 12px 38px #8a6e4e, 13px 38px #856947, 14px 38px #876a48, 15px 38px #886b49, 16px 38px #8f724f, 17px 38px #947754, 18px 38px #957855, 19px 38px #937552, 20px 38px #917354, 21px 38px #917455, 22px 38px #917454, 23px 38px #937757, 24px 38px #907454, 25px 38px #896c4d, 26px 38px #846547, 27px 38px #866648, 28px 38px #8d6f51, 29px 38px #917556, 30px 38px #927555, 31px 38px #8f7252, 32px 38px rgba(142,114,81,0.71), 33px 38px rgba(85,85,85,0.01), 6px 39px rgba(85,85,85,0.01), 7px 39px rgba(142,117,87,0.62), 8px 39px rgba(146,121,90,0.9), 9px 39px rgba(151,126,96,0.88), 10px 39px rgba(154,128,99,0.9), 11px 39px rgba(157,131,100,0.91), 12px 39px rgba(160,134,102,0.91), 13px 39px rgba(159,133,102,0.92), 14px 39px rgba(156,129,97,0.94), 15px 39px rgba(153,126,93,0.95), 16px 39px rgba(153,125,90,0.97), 17px 39px #967955, 18px 39px #977b57, 19px 39px #997d5c, 20px 39px #997b5d, 21px 39px #96795b, 22px 39px #95795a, 23px 39px rgba(154,129,98,0.93), 24px 39px rgba(156,132,102,0.91), 25px 39px rgba(159,134,105,0.91), 26px 39px rgba(162,135,107,0.89), 27px 39px rgba(158,130,100,0.87), 28px 39px rgba(154,125,94,0.86), 29px 39px rgba(156,130,98,0.91), 30px 39px rgba(156,131,101,0.95), 31px 39px rgba(154,129,100,0.93), 32px 39px rgba(148,125,98,0.61), 33px 39px rgba(127,127,0,0.01), 7px 40px rgba(198,187,164,0.18), 8px 40px rgba(175,155,136,0.35), 9px 40px rgba(143,122,97,0.37), 10px 40px rgba(150,131,107,0.42), 11px 40px rgba(156,139,113,0.46), 12px 40px rgba(164,146,123,0.49), 13px 40px rgba(168,150,129,0.52), 14px 40px rgba(172,154,133,0.55), 15px 40px rgba(179,163,142,0.57), 16px 40px rgba(185,168,146,0.59), 17px 40px rgba(185,168,148,0.55), 18px 40px rgba(157,136,110,0.46), 19px 40px rgba(152,129,102,0.48), 20px 40px rgba(165,142,118,0.51), 21px 40px rgba(183,160,141,0.53), 22px 40px rgba(187,166,146,0.52), 23px 40px rgba(155,133,106,0.41), 24px 40px rgba(153,132,108,0.43), 25px 40px rgba(161,143,122,0.46), 26px 40px rgba(182,164,144,0.44), 27px 40px rgba(179,162,141,0.35), 28px 40px rgba(156,134,111,0.22), 29px 40px rgba(163,144,121,0.26), 30px 40px rgba(188,170,147,0.27), 31px 40px rgba(209,193,176,0.24), 32px 40px rgba(177,155,134,0.14), 33px 40px rgba(127,0,0,0.01), 13px 41px rgba(127,127,63,0.02), 14px 41px rgba(170,148,127,0.05), 15px 41px rgba(174,161,134,0.07), 16px 41px rgba(183,173,153,0.1), 17px 41px rgba(183,173,153,0.1), 18px 41px rgba(153,136,102,0.06), 19px 41px rgba(139,115,92,0.04), 20px 41px rgba(153,153,127,0.04), 21px 41px rgba(170,170,170,0.01), 27px 41px rgba(127,127,127,0.01), 28px 41px rgba(127,127,63,0.02), 29px 41px rgba(127,127,85,0.02), 30px 41px rgba(153,153,153,0.02);
}
div#lab_wrapper div#octopus div#coat div#collar div#top {
position: absolute;
z-index: 4;
top: 4px;
left: 86px;
width: 26px;
height: 10px;
background: #fff;
border: 1px solid #ccc;
}
div#lab_wrapper div#octopus div#coat div#collar div#right_base {
position: absolute;
z-index: 6;
top: 13px;
left: 72px;
height: 40px;
width: 27px;
transform: rotate(-44deg) skew(-20deg, 0);
transform: rotate(-44deg) skew(-20deg, 0);
transform: rotate(-44deg) skew(-20deg, 0);
transform: rotate(-44deg) skew(-20deg, 0);
transform: rotate(-44deg) skew(-20deg, 0);
overflow: hidden;
}
div#lab_wrapper div#octopus div#coat div#collar div#right_base:before {
content: "";
position: absolute;
top: -5px;
left: 8px;
width: 13px;
height: 28px;
background: #fff;
transform: rotate(34deg);
transform: rotate(34deg);
transform: rotate(34deg);
transform: rotate(34deg);
transform: rotate(34deg);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
div#lab_wrapper div#octopus div#coat div#collar div#collar_right {
position: absolute;
z-index: 6;
top: 29px;
left: 78px;
height: 40px;
width: 20px;
overflow: hidden;
transform: rotate(-26deg);
transform: rotate(-26deg);
transform: rotate(-26deg);
transform: rotate(-26deg);
transform: rotate(-26deg);
box-shadow: 1px 0px 1px rgba(0,0,0,0.1);
box-shadow: 1px 0px 1px rgba(0,0,0,0.1);
}
div#lab_wrapper div#octopus div#coat div#collar div#collar_right:after {
content: "";
position: absolute;
top: 7px;
left: 13px;
background: #fff;
height: 40px;
width: 20px;
transform: rotate(-55deg) skew(-32deg, 0);
transform: rotate(-55deg) skew(-32deg, 0);
transform: rotate(-55deg) skew(-32deg, 0);
transform: rotate(-55deg) skew(-32deg, 0);
transform: rotate(-55deg) skew(-32deg, 0);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
div#lab_wrapper div#octopus div#coat div#collar div#left_base {
position: absolute;
z-index: 6;
top: 2px;
left: 108px;
height: 40px;
width: 27px;
overflow: hidden;
box-shadow: none;
box-shadow: none;
transform: rotate(-44deg) skew(20deg, 0);
transform: rotate(-44deg) skew(20deg, 0);
transform: rotate(-44deg) skew(20deg, 0);
transform: rotate(-44deg) skew(20deg, 0);
transform: rotate(-44deg) skew(20deg, 0);
}
div#lab_wrapper div#octopus div#coat div#collar div#left_base:before {
content: "";
position: absolute;
top: -3px;
left: 12px;
width: 9px;
height: 38px;
background: #fff;
transform: rotate(49deg);
transform: rotate(49deg);
transform: rotate(49deg);
transform: rotate(49deg);
transform: rotate(49deg);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
div#lab_wrapper div#octopus div#coat div#collar div#collar_left {
position: absolute;
z-index: 6;
top: 38px;
left: 107px;
height: 40px;
width: 20px;
overflow: hidden;
box-shadow: -1px 0px 1px rgba(0,0,0,0.1);
box-shadow: -1px 0px 1px rgba(0,0,0,0.1);
transform: rotate(47deg) skew(30deg, 0);
transform: rotate(47deg) skew(30deg, 0);
transform: rotate(47deg) skew(30deg, 0);
transform: rotate(47deg) skew(30deg, 0);
transform: rotate(47deg) skew(30deg, 0);
}
div#lab_wrapper div#octopus div#coat div#collar div#collar_left:after {
content: "";
position: absolute;
top: -9px;
left: -10px;
background: #fff;
height: 40px;
width: 20px;
transform: rotate(-10deg) skew(-32deg, 0);
transform: rotate(-10deg) skew(-32deg, 0);
transform: rotate(-10deg) skew(-32deg, 0);
transform: rotate(-10deg) skew(-32deg, 0);
transform: rotate(-10deg) skew(-32deg, 0);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
div#lab_wrapper div#octopus div#coat div#pocket {
position: absolute;
z-index: 5;
top: 62px;
left: 115px;
width: 34px;
height: 34px;
background-color: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
div#lab_wrapper div#octopus div#coat div#pocket div#pens {
position: absolute;
top: -12px;
left: 3px;
width: 1px;
height: 1px;
box-shadow: 13px 1px rgba(239,160,157,0.33), 14px 1px rgba(240,154,153,0.87), 15px 1px rgba(240,151,151,0.87), 16px 1px rgba(238,153,153,0.62), 1px 2px rgba(110,103,103,0.15), 2px 2px rgba(106,106,106,0.17), 3px 2px rgba(106,106,106,0.17), 4px 2px rgba(113,108,108,0.18), 5px 2px rgba(112,112,112,0.1), 7px 2px rgba(186,196,176,0.1), 8px 2px rgba(212,212,206,0.16), 9px 2px rgba(201,207,201,0.17), 10px 2px rgba(191,202,197,0.17), 11px 2px rgba(193,204,204,0.1), 13px 2px rgba(217,151,156,0.4), 14px 2px #da9b9d, 15px 2px #db9c9f, 16px 2px rgba(219,153,156,0.77), 19px 2px rgba(146,161,167,0.32), 20px 2px rgba(110,128,131,0.61), 21px 2px rgba(163,178,181,0.39), 1px 3px rgba(89,113,108,0.77), 2px 3px rgba(88,115,110,0.98), 3px 3px rgba(83,112,107,0.98), 4px 3px rgba(53,69,68,0.82), 5px 3px rgba(9,5,7,0.52), 7px 3px rgba(194,204,187,0.61), 8px 3px rgba(188,195,181,0.98), 9px 3px rgba(168,183,167,0.98), 10px 3px #90a797, 11px 3px rgba(171,190,179,0.62), 13px 3px rgba(204,172,124,0.46), 14px 3px #c29660, 15px 3px #bc9561, 16px 3px rgba(168,142,98,0.75), 18px 3px rgba(148,148,148,0.05), 19px 3px rgba(118,135,138,0.92), 20px 3px #728689, 21px 3px #74888d, 22px 3px rgba(55,59,61,0.49), 23px 3px rgba(141,141,141,0.04), 1px 4px rgba(154,205,196,0.75), 2px 4px #9bd1c8, 3px 4px #90c9bf, 4px 4px rgba(82,114,109,0.71), 5px 4px rgba(1,0,0,0.51), 7px 4px rgba(194,204,188,0.63), 8px 4px #bcc4b5, 9px 4px #a8b7a7, 10px 4px rgba(142,163,147,0.88), 11px 4px rgba(146,161,157,0.55), 13px 4px rgba(211,146,65,0.51), 14px 4px #d59245, 15px 4px #cd8d42, 16px 4px rgba(172,132,66,0.75), 18px 4px rgba(134,161,161,0.07), 19px 4px rgba(156,108,104,0.94), 20px 4px #797379, 21px 4px rgba(74,130,156,0.96), 22px 4px rgba(68,73,73,0.54), 23px 4px rgba(127,127,127,0.05), 1px 5px rgba(148,195,187,0.75), 2px 5px #94c7be, 3px 5px #8ac0b7, 4px 5px rgba(79,110,105,0.71), 5px 5px rgba(3,1,1,0.51), 7px 5px rgba(195,203,187,0.62), 8px 5px #bcc4b5, 9px 5px #a9b9a9, 10px 5px rgba(139,153,144,0.63), 11px 5px rgba(86,86,92,0.38), 13px 5px rgba(214,150,72,0.5), 14px 5px #cb8d47, 15px 5px #ca8c45, 16px 5px rgba(170,130,67,0.75), 18px 5px rgba(141,155,155,0.07), 19px 5px rgba(143,148,147,0.93), 20px 5px #808e90, 21px 5px rgba(143,165,167,0.95), 22px 5px rgba(103,109,112,0.34), 23px 5px rgba(102,102,102,0.02), 1px 6px rgba(148,195,187,0.75), 2px 6px #94c7be, 3px 6px #8ac0b7, 4px 6px rgba(80,111,105,0.72), 5px 6px rgba(3,1,1,0.51), 7px 6px rgba(195,203,187,0.62), 8px 6px #bcc4b5, 9px 6px #a9b9a9, 10px 6px rgba(139,154,143,0.65), 11px 6px rgba(89,91,96,0.39), 13px 6px rgba(214,150,72,0.5), 14px 6px #cc8d47, 15px 6px #ca8c45, 16px 6px rgba(170,130,67,0.75), 18px 6px rgba(145,157,157,0.08), 19px 6px rgba(139,155,155,0.94), 20px 6px #819394, 21px 6px rgba(156,170,166,0.93), 22px 6px rgba(100,107,107,0.3), 23px 6px rgba(127,127,127,0.01), 1px 7px rgba(148,195,187,0.75), 2px 7px #94c7be, 3px 7px #8ac0b7, 4px 7px rgba(80,111,105,0.73), 5px 7px rgba(3,1,1,0.51), 7px 7px rgba(195,203,187,0.62), 8px 7px #bcc4b5, 9px 7px #a9b9a9, 10px 7px rgba(139,154,143,0.65), 11px 7px rgba(89,91,96,0.39), 13px 7px rgba(214,150,72,0.5), 14px 7px #c98b46, 15px 7px #c08441, 16px 7px rgba(171,131,69,0.75), 18px 7px rgba(144,155,155,0.09), 19px 7px rgba(139,154,154,0.95), 20px 7px #819293, 21px 7px rgba(152,167,164,0.91), 22px 7px rgba(87,95,95,0.25), 1px 8px rgba(148,195,187,0.75), 2px 8px #94c7be, 3px 8px #8ac0b7, 4px 8px rgba(80,111,105,0.73), 5px 8px rgba(3,1,1,0.51), 7px 8px rgba(195,203,187,0.62), 8px 8px #bcc4b5, 9px 8px #a9b9a9, 10px 8px rgba(139,154,143,0.65), 11px 8px rgba(89,91,96,0.39), 13px 8px rgba(214,150,72,0.5), 14px 8px #c88b45, 15px 8px #bd8240, 16px 8px rgba(171,131,69,0.75), 18px 8px rgba(148,159,159,0.09), 19px 8px rgba(140,155,154,0.95), 20px 8px #829394, 21px 8px rgba(147,163,159,0.89), 22px 8px rgba(60,64,69,0.22), 1px 9px rgba(152,199,192,0.74), 2px 9px #98ccc3, 3px 9px #8dc5bb, 4px 9px rgba(81,112,107,0.75), 5px 9px rgba(3,0,1,0.55), 7px 9px rgba(200,209,193,0.62), 8px 9px #c1c9b9, 9px 9px #adbead, 10px 9px rgba(140,157,146,0.65), 11px 9px rgba(89,91,96,0.39), 13px 9px rgba(214,150,72,0.5), 14px 9px #c88b45, 15px 9px #be8240, 16px 9px rgba(171,131,69,0.75), 18px 9px rgba(148,159,159,0.09), 19px 9px rgba(126,144,147,0.95), 20px 9px #798c8f, 21px 9px rgba(129,150,151,0.86), 22px 9px rgba(62,67,67,0.19), 1px 10px rgba(122,161,154,0.75), 2px 10px rgba(121,163,156,0.97), 3px 10px rgba(114,158,150,0.98), 4px 10px rgba(69,93,88,0.56), 5px 10px rgba(0,0,0,0.24), 7px 10px rgba(160,170,155,0.62), 8px 10px rgba(154,161,149,0.98), 9px 10px rgba(139,151,137,0.98), 10px 10px rgba(122,133,125,0.65), 11px 10px rgba(86,91,96,0.4), 13px 10px rgba(214,151,72,0.49), 14px 10px rgba(199,138,68,0.99), 15px 10px rgba(189,129,62,0.98), 16px 10px rgba(172,131,69,0.74), 18px 10px rgba(132,142,142,0.1), 19px 10px rgba(98,113,117,0.92), 20px 10px rgba(94,109,112,0.96), 21px 10px rgba(105,120,125,0.83), 22px 10px rgba(83,88,88,0.17), 1px 11px rgba(91,118,113,0.4), 2px 11px rgba(91,120,116,0.49), 3px 11px rgba(83,114,108,0.48), 4px 11px rgba(73,102,93,0.2), 7px 11px rgba(112,117,109,0.36), 8px 11px rgba(114,119,111,0.59), 9px 11px rgba(102,109,102,0.63), 10px 11px rgba(104,112,107,0.42), 11px 11px rgba(98,98,107,0.22), 13px 11px rgba(211,150,70,0.33), 14px 11px rgba(199,138,68,0.63), 15px 11px rgba(189,128,62,0.59), 16px 11px rgba(172,130,68,0.44), 18px 11px rgba(106,106,106,0.05), 19px 11px rgba(77,87,90,0.47), 20px 11px rgba(73,83,85,0.48), 21px 11px rgba(81,92,95,0.42), 22px 11px rgba(76,76,76,0.08), 8px 12px rgba(170,170,170,0.01), 9px 12px rgba(153,153,153,0.02), 10px 12px rgba(85,170,85,0.01), 13px 12px rgba(170,85,0,0.01), 14px 12px rgba(191,127,63,0.02), 15px 12px rgba(170,85,0,0.01), 16px 12px rgba(127,127,0,0.01);
box-shadow: 13px 1px rgba(239,160,157,0.33), 14px 1px rgba(240,154,153,0.87), 15px 1px rgba(240,151,151,0.87), 16px 1px rgba(238,153,153,0.62), 1px 2px rgba(110,103,103,0.15), 2px 2px rgba(106,106,106,0.17), 3px 2px rgba(106,106,106,0.17), 4px 2px rgba(113,108,108,0.18), 5px 2px rgba(112,112,112,0.1), 7px 2px rgba(186,196,176,0.1), 8px 2px rgba(212,212,206,0.16), 9px 2px rgba(201,207,201,0.17), 10px 2px rgba(191,202,197,0.17), 11px 2px rgba(193,204,204,0.1), 13px 2px rgba(217,151,156,0.4), 14px 2px #da9b9d, 15px 2px #db9c9f, 16px 2px rgba(219,153,156,0.77), 19px 2px rgba(146,161,167,0.32), 20px 2px rgba(110,128,131,0.61), 21px 2px rgba(163,178,181,0.39), 1px 3px rgba(89,113,108,0.77), 2px 3px rgba(88,115,110,0.98), 3px 3px rgba(83,112,107,0.98), 4px 3px rgba(53,69,68,0.82), 5px 3px rgba(9,5,7,0.52), 7px 3px rgba(194,204,187,0.61), 8px 3px rgba(188,195,181,0.98), 9px 3px rgba(168,183,167,0.98), 10px 3px #90a797, 11px 3px rgba(171,190,179,0.62), 13px 3px rgba(204,172,124,0.46), 14px 3px #c29660, 15px 3px #bc9561, 16px 3px rgba(168,142,98,0.75), 18px 3px rgba(148,148,148,0.05), 19px 3px rgba(118,135,138,0.92), 20px 3px #728689, 21px 3px #74888d, 22px 3px rgba(55,59,61,0.49), 23px 3px rgba(141,141,141,0.04), 1px 4px rgba(154,205,196,0.75), 2px 4px #9bd1c8, 3px 4px #90c9bf, 4px 4px rgba(82,114,109,0.71), 5px 4px rgba(1,0,0,0.51), 7px 4px rgba(194,204,188,0.63), 8px 4px #bcc4b5, 9px 4px #a8b7a7, 10px 4px rgba(142,163,147,0.88), 11px 4px rgba(146,161,157,0.55), 13px 4px rgba(211,146,65,0.51), 14px 4px #d59245, 15px 4px #cd8d42, 16px 4px rgba(172,132,66,0.75), 18px 4px rgba(134,161,161,0.07), 19px 4px rgba(156,108,104,0.94), 20px 4px #797379, 21px 4px rgba(74,130,156,0.96), 22px 4px rgba(68,73,73,0.54), 23px 4px rgba(127,127,127,0.05), 1px 5px rgba(148,195,187,0.75), 2px 5px #94c7be, 3px 5px #8ac0b7, 4px 5px rgba(79,110,105,0.71), 5px 5px rgba(3,1,1,0.51), 7px 5px rgba(195,203,187,0.62), 8px 5px #bcc4b5, 9px 5px #a9b9a9, 10px 5px rgba(139,153,144,0.63), 11px 5px rgba(86,86,92,0.38), 13px 5px rgba(214,150,72,0.5), 14px 5px #cb8d47, 15px 5px #ca8c45, 16px 5px rgba(170,130,67,0.75), 18px 5px rgba(141,155,155,0.07), 19px 5px rgba(143,148,147,0.93), 20px 5px #808e90, 21px 5px rgba(143,165,167,0.95), 22px 5px rgba(103,109,112,0.34), 23px 5px rgba(102,102,102,0.02), 1px 6px rgba(148,195,187,0.75), 2px 6px #94c7be, 3px 6px #8ac0b7, 4px 6px rgba(80,111,105,0.72), 5px 6px rgba(3,1,1,0.51), 7px 6px rgba(195,203,187,0.62), 8px 6px #bcc4b5, 9px 6px #a9b9a9, 10px 6px rgba(139,154,143,0.65), 11px 6px rgba(89,91,96,0.39), 13px 6px rgba(214,150,72,0.5), 14px 6px #cc8d47, 15px 6px #ca8c45, 16px 6px rgba(170,130,67,0.75), 18px 6px rgba(145,157,157,0.08), 19px 6px rgba(139,155,155,0.94), 20px 6px #819394, 21px 6px rgba(156,170,166,0.93), 22px 6px rgba(100,107,107,0.3), 23px 6px rgba(127,127,127,0.01), 1px 7px rgba(148,195,187,0.75), 2px 7px #94c7be, 3px 7px #8ac0b7, 4px 7px rgba(80,111,105,0.73), 5px 7px rgba(3,1,1,0.51), 7px 7px rgba(195,203,187,0.62), 8px 7px #bcc4b5, 9px 7px #a9b9a9, 10px 7px rgba(139,154,143,0.65), 11px 7px rgba(89,91,96,0.39), 13px 7px rgba(214,150,72,0.5), 14px 7px #c98b46, 15px 7px #c08441, 16px 7px rgba(171,131,69,0.75), 18px 7px rgba(144,155,155,0.09), 19px 7px rgba(139,154,154,0.95), 20px 7px #819293, 21px 7px rgba(152,167,164,0.91), 22px 7px rgba(87,95,95,0.25), 1px 8px rgba(148,195,187,0.75), 2px 8px #94c7be, 3px 8px #8ac0b7, 4px 8px rgba(80,111,105,0.73), 5px 8px rgba(3,1,1,0.51), 7px 8px rgba(195,203,187,0.62), 8px 8px #bcc4b5, 9px 8px #a9b9a9, 10px 8px rgba(139,154,143,0.65), 11px 8px rgba(89,91,96,0.39), 13px 8px rgba(214,150,72,0.5), 14px 8px #c88b45, 15px 8px #bd8240, 16px 8px rgba(171,131,69,0.75), 18px 8px rgba(148,159,159,0.09), 19px 8px rgba(140,155,154,0.95), 20px 8px #829394, 21px 8px rgba(147,163,159,0.89), 22px 8px rgba(60,64,69,0.22), 1px 9px rgba(152,199,192,0.74), 2px 9px #98ccc3, 3px 9px #8dc5bb, 4px 9px rgba(81,112,107,0.75), 5px 9px rgba(3,0,1,0.55), 7px 9px rgba(200,209,193,0.62), 8px 9px #c1c9b9, 9px 9px #adbead, 10px 9px rgba(140,157,146,0.65), 11px 9px rgba(89,91,96,0.39), 13px 9px rgba(214,150,72,0.5), 14px 9px #c88b45, 15px 9px #be8240, 16px 9px rgba(171,131,69,0.75), 18px 9px rgba(148,159,159,0.09), 19px 9px rgba(126,144,147,0.95), 20px 9px #798c8f, 21px 9px rgba(129,150,151,0.86), 22px 9px rgba(62,67,67,0.19), 1px 10px rgba(122,161,154,0.75), 2px 10px rgba(121,163,156,0.97), 3px 10px rgba(114,158,150,0.98), 4px 10px rgba(69,93,88,0.56), 5px 10px rgba(0,0,0,0.24), 7px 10px rgba(160,170,155,0.62), 8px 10px rgba(154,161,149,0.98), 9px 10px rgba(139,151,137,0.98), 10px 10px rgba(122,133,125,0.65), 11px 10px rgba(86,91,96,0.4), 13px 10px rgba(214,151,72,0.49), 14px 10px rgba(199,138,68,0.99), 15px 10px rgba(189,129,62,0.98), 16px 10px rgba(172,131,69,0.74), 18px 10px rgba(132,142,142,0.1), 19px 10px rgba(98,113,117,0.92), 20px 10px rgba(94,109,112,0.96), 21px 10px rgba(105,120,125,0.83), 22px 10px rgba(83,88,88,0.17), 1px 11px rgba(91,118,113,0.4), 2px 11px rgba(91,120,116,0.49), 3px 11px rgba(83,114,108,0.48), 4px 11px rgba(73,102,93,0.2), 7px 11px rgba(112,117,109,0.36), 8px 11px rgba(114,119,111,0.59), 9px 11px rgba(102,109,102,0.63), 10px 11px rgba(104,112,107,0.42), 11px 11px rgba(98,98,107,0.22), 13px 11px rgba(211,150,70,0.33), 14px 11px rgba(199,138,68,0.63), 15px 11px rgba(189,128,62,0.59), 16px 11px rgba(172,130,68,0.44), 18px 11px rgba(106,106,106,0.05), 19px 11px rgba(77,87,90,0.47), 20px 11px rgba(73,83,85,0.48), 21px 11px rgba(81,92,95,0.42), 22px 11px rgba(76,76,76,0.08), 8px 12px rgba(170,170,170,0.01), 9px 12px rgba(153,153,153,0.02), 10px 12px rgba(85,170,85,0.01), 13px 12px rgba(170,85,0,0.01), 14px 12px rgba(191,127,63,0.02), 15px 12px rgba(170,85,0,0.01), 16px 12px rgba(127,127,0,0.01);
}
div#lab_wrapper div#octopus div#coat div#pocket:before {
content: "";
position: absolute;
top: 78px;
left: 15px;
width: 36px;
height: 36px;
background-color: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
}
div#lab_wrapper div#octopus div#coat div#pocket:after {
content: "";
position: absolute;
top: 82px;
left: -60px;
width: 36px;
height: 36px;
background-color: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
div#lab_wrapper div#octopus div#coat div#button1 {
position: absolute;
z-index: 5;
top: 65px;
left: 102px;
width: 3px;
height: 3px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border: 1px solid #808080;
}
div#lab_wrapper div#octopus div#coat div#button1:before {
content: "";
position: absolute;
top: 56px;
left: 4px;
width: 3px;
height: 3px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border: 1px solid #808080;
}
div#lab_wrapper div#octopus div#coat div#button1:after {
content: "";
position: absolute;
top: 28px;
left: 2px;
width: 3px;
height: 3px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border: 1px solid #808080;
}
div#lab_wrapper div#octopus div#coat div#button2 {
position: absolute;
z-index: 5;
top: 151px;
left: 108px;
width: 3px;
height: 3px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border: 1px solid #808080;
}
div#lab_wrapper div#octopus div#coat div#button2:before {
content: "";
position: absolute;
top: 28px;
left: 0px;
width: 3px;
height: 3px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border: 1px solid #808080;
}
div#lab_wrapper div#octopus div#coat div#left_arm {
position: absolute;
z-index: 4;
top: 52px;
left: 142px;
width: 62px;
height: 83px;
overflow: hidden;
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
}
div#lab_wrapper div#octopus div#coat div#left_arm:after {
content: "";
position: absolute;
top: -1px;
left: 27px;
background-color: #fff;
background: #fff;
/* Old browsers */
width: 36px;
height: 83px;
transform: rotate(47deg);
transform: rotate(47deg);
transform: rotate(47deg);
transform: rotate(47deg);
transform: rotate(47deg);
box-shadow: -1px 1px 2px rgba(0,0,0,0.1);
box-shadow: -1px 1px 2px rgba(0,0,0,0.1);
}
div#lab_wrapper div#octopus div#coat div#left_hand {
position: absolute;
z-index: 3;
top: 15px;
left: 124px;
width: 62px;
height: 83px;
overflow: hidden;
transform: rotate(-110deg);
transform: rotate(-110deg);
transform: rotate(-110deg);
transform: rotate(-110deg);
transform: rotate(-110deg);
}
div#lab_wrapper div#octopus div#coat div#left_hand:after {
content: "";
position: absolute;
top: -1px;
left: 27px;
background-color: #fff;
background: #fff;
/* Old browsers */
width: 36px;
height: 83px;
transform: rotate(47deg);
transform: rotate(47deg);
transform: rotate(47deg);
transform: rotate(47deg);
transform: rotate(47deg);
}
div#lab_wrapper div#octopus div#coat div#right_arm {
position: absolute;
z-index: 3;
top: 63px;
left: 4px;
width: 62px;
height: 83px;
overflow: hidden;
transform: rotate(-164deg);
transform: rotate(-164deg);
transform: rotate(-164deg);
transform: rotate(-164deg);
transform: rotate(-164deg);
}
div#lab_wrapper div#octopus div#coat div#right_arm:after {
content: "";
position: absolute;
top: -1px;
left: 27px;
background: #fff;
/* Old browsers */
width: 36px;
height: 83px;
transform: rotate(-47deg);
transform: rotate(-47deg);
transform: rotate(-47deg);
transform: rotate(-47deg);
transform: rotate(-47deg);
box-shadow: -1px -1px 2px rgba(0,0,0,0.1);
box-shadow: -1px -1px 2px rgba(0,0,0,0.1);
}
div#lab_wrapper div#octopus div#coat div#right_hand {
position: absolute;
z-index: 0;
top: 25px;
left: 15px;
width: 62px;
height: 83px;
overflow: hidden;
transform: rotate(-177deg);
transform: rotate(-177deg);
transform: rotate(-177deg);
transform: rotate(-177deg);
transform: rotate(-177deg);
}
div#lab_wrapper div#octopus div#coat div#right_hand:after {
content: "";
position: absolute;
top: -1px;
left: 27px;
background: #fff;
/* Old browsers */
width: 36px;
height: 83px;
transform: rotate(47deg);
transform: rotate(47deg);
transform: rotate(47deg);
transform: rotate(47deg);
transform: rotate(47deg);
}
div#lab_wrapper div#octopus div#coat div#left_base {
position: absolute;
z-index: 2;
left: 98px;
top: 31px;
background: #fff;
/* Old browsers */
width: 71px;
height: 204px;
transform: rotate(-5deg);
transform: rotate(-5deg);
transform: rotate(-5deg);
transform: rotate(-5deg);
transform: rotate(-5deg);
box-shadow: -1px 3px 2px rgba(0,0,0,0.1);
box-shadow: -1px 3px 2px rgba(0,0,0,0.1);
}
div#lab_wrapper div#octopus div#coat div#right_base {
position: absolute;
z-index: 1;
left: 44px;
top: 30px;
background: #fff;
/* Old browsers */
width: 71px;
height: 204px;
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
}
div#lab_wrapper div#octopus div#coat div#base_top {
position: absolute;
z-index: 0;
left: 53px;
top: 2px;
width: 89px;
height: 80px;
overflow: hidden;
transform: rotate(26deg) skewX(-35deg);
transform: rotate(26deg) skewX(-35deg);
transform: rotate(26deg) skewX(-35deg);
transform: rotate(26deg) skewX(-35deg);
transform: rotate(26deg) skewX(-35deg);
}
div#lab_wrapper div#octopus div#coat div#base_top:after {
content: "";
position: absolute;
top: -3px;
left: -3px;
background: #fff;
/* Old browsers */
width: 80px;
height: 80px;
border-radius: 100px;
border-radius: 100px;
border-radius: 100px;
border-radius: 100px;
width: 90px;
transform: rotate(-38deg);
transform: rotate(-38deg);
transform: rotate(-38deg);
transform: rotate(-38deg);
transform: rotate(-38deg);
}
div#chicken_holder {
position: absolute;
z-index: 30;
left: 155px;
top: 124px;
transform: rotate(10deg);
transform: rotate(10deg);
transform: rotate(10deg);
transform: rotate(10deg);
transform: rotate(10deg);
transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
animation: chicken 4s linear infinite;
animation: chicken 4s linear infinite;
animation: chicken 4s linear infinite;
animation: chicken 4s linear infinite;
}
div#chicken_holder div#chicken {
width: 64px;
height: 139px;
width: 63px;
height: 76px;
background-color: #fd0;
box-shadow: inset -2px -6px 0 #fbb500;
box-shadow: inset -2px -6px 0 #fbb500;
border-radius: 63px 63px 63px 63px/108px 108px 72px 72px;
border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
}
div#chicken_holder div#chicken div#legs {
height: 115px;
width: 70px;
position: absolute;
top: -1px;
z-index: -1;
}
div#chicken_holder div#chicken div#legs:before {
content: "";
position: absolute;
width: 3px;
height: 8px;
top: 74px;
left: 36px;
background: #e76213;
border-radius: 10px;
box-shadow: inset 1px -1px 0 #ce4113;
box-shadow: inset 1px -1px 0 #ce4113;
}
div#chicken_holder div#chicken div#legs:after {
content: "";
position: absolute;
width: 3px;
height: 8px;
top: 74px;
left: 26px;
border-radius: 10px;
background: #e76213;
box-shadow: inset 1px -1px 0 #ce4113;
box-shadow: inset 1px -1px 0 #ce4113;
}
div#chicken_holder div#chicken div#legs div#rope_to_twitter {
position: absolute;
z-index: 1;
top: 79px;
left: 31px;
height: 44px;
width: 1px;
background-color: #000;
background-color: rgba(0,0,0,0.6);
border-radius: 1px;
transform-origin: 50% 0;
transform-origin: 50% 0;
transform-origin: 50% 0;
transform-origin: 50% 0;
transform-origin: 50% 0;
animation: twit_rope 4s linear infinite;
animation: twit_rope 4s linear infinite;
}
div#chicken_holder div#chicken div#legs div#rope {
position: absolute;
z-index: 1;
top: 78px;
left: 23px;
height: 2px;
width: 18px;
background-color: #000;
background-color: rgba(0,0,0,0.7);
border-radius: 1px;
}
div#chicken_holder div#chicken div#legs div#rope:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
height: 2px;
width: 18px;
background-color: #000;
background-color: rgba(0,0,0,0.7);
border-radius: 1px;
transform: rotate(17deg);
transform: rotate(17deg);
transform: rotate(17deg);
transform: rotate(17deg);
transform: rotate(17deg);
}
div#chicken_holder div#chicken div#legs div#right {
position: absolute;
top: 82px;
left: 31px;
position: absolute;
width: 5px;
height: 3px;
border-radius: 10px;
background: #e76213;
box-shadow: inset 1px -1px 0 #ce4113;
box-shadow: inset 1px -1px 0 #ce4113;
}
div#chicken_holder div#chicken div#legs div#right:before {
content: "";
position: absolute;
width: 5px;
height: 13px;
top: -2px;
left: 9px;
border-radius: 10px;
background: #e76213;
box-shadow: inset 1px -1px 0 #ce4113;
box-shadow: inset 1px -1px 0 #ce4113;
transform: rotate(-59deg);
transform: rotate(-59deg);
transform: rotate(-59deg);
transform: rotate(-59deg);
transform: rotate(-59deg);
}
div#chicken_holder div#chicken div#legs div#right:after {
content: "";
position: absolute;
width: 5px;
height: 11px;
top: -1px;
left: 3px;
border-radius: 10px;
background: #e76213;
box-shadow: inset -1px -1px 0 #ce4113;
box-shadow: inset -1px -1px 0 #ce4113;
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
transform: rotate(1deg);
}
div#chicken_holder div#chicken div#legs div#left {
position: absolute;
top: 82px;
left: 26px;
position: absolute;
width: 5px;
height: 3px;
border-radius: 10px;
box-shadow: inset -1px -1px 0 #ce4113;
box-shadow: inset -1px -1px 0 #ce4113;
background: #e76213;
}
div#chicken_holder div#chicken div#legs div#left:before {
content: "";
position: absolute;
width: 5px;
height: 13px;
top: -2px;
left: -10px;
border-radius: 10px;
background: #e76213;
box-shadow: inset -1px -1px 0 #ce4113;
box-shadow: inset -1px -1px 0 #ce4113;
transform: rotate(72deg);
transform: rotate(72deg);
transform: rotate(72deg);
transform: rotate(72deg);
transform: rotate(72deg);
}
div#chicken_holder div#chicken div#legs div#left:after {
content: "";
position: absolute;
width: 5px;
height: 11px;
top: -1px;
left: -4px;
border-radius: 10px;
background: #e76213;
box-shadow: inset -1px -1px 0 #ce4113;
box-shadow: inset -1px -1px 0 #ce4113;
transform: rotate(26deg);
transform: rotate(26deg);
transform: rotate(26deg);
transform: rotate(26deg);
transform: rotate(26deg);
}
div#chicken_holder div#chicken div#chicken_hair {
width: 16px;
height: 10px;
position: absolute;
z-index: -1;
top: -11px;
left: 35%;
}
div#chicken_holder div#chicken div#chicken_hair div#one {
position: absolute;
background-color: #e76213;
width: 5px;
height: 8px;
top: 4px;
left: 3px;
border-radius: 10px;
box-shadow: inset 1px -1px 0 #ce4113;
box-shadow: inset 1px -1px 0 #ce4113;
transform: rotate(-43deg);
transform: rotate(-43deg);
transform: rotate(-43deg);
transform: rotate(-43deg);
transform: rotate(-43deg);
}
div#chicken_holder div#chicken div#chicken_hair div#two {
position: absolute;
background-color: #e76213;
width: 5px;
height: 10px;
top: 2px;
left: 10px;
border-radius: 10px;
box-shadow: inset -1px -2px 0 #ce4113;
box-shadow: inset -1px -2px 0 #ce4113;
transform: rotate(27deg);
transform: rotate(27deg);
transform: rotate(27deg);
transform: rotate(27deg);
transform: rotate(27deg);
}
div#chicken_holder div#chicken div#left_wing {
position: absolute;
z-index: -1;
top: 58px;
left: -2px;
width: 9px;
height: 9px;
border-radius: 29px;
border-radius: 29px;
border-radius: 29px;
border-radius: 29px;
background-color: #fd0;
box-shadow: inset -2px -1px 0 #fbb500;
box-shadow: inset -2px -1px 0 #fbb500;
animation: left_wing 0.1s linear infinite;
animation: left_wing 0.1s linear infinite;
animation: left_wing 0.1s linear infinite;
animation: left_wing 0.1s linear infinite;
}
div#chicken_holder div#chicken div#left_wing:before {
content: "";
position: absolute;
top: -6px;
left: -1px;
width: 6px;
height: 6px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
background-color: #fd0;
box-shadow: inset -2px -1px 0 #fbb500;
box-shadow: inset -2px -1px 0 #fbb500;
}
div#chicken_holder div#chicken div#left_wing:after {
content: "";
position: absolute;
top: 7px;
left: 7px;
width: 6px;
height: 6px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
background-color: #fd0;
box-shadow: inset -2px -1px 0 #fbb500;
box-shadow: inset -2px -1px 0 #fbb500;
}
div#chicken_holder div#chicken div#right_wing {
position: absolute;
z-index: -1;
top: 58px;
left: 56px;
width: 9px;
height: 9px;
border-radius: 29px;
border-radius: 29px;
border-radius: 29px;
border-radius: 29px;
background-color: #fd0;
box-shadow: inset 2px -1px 0 #fbb500;
box-shadow: inset 2px -1px 0 #fbb500;
animation: right_wing 0.1s linear infinite;
animation: right_wing 0.1s linear infinite;
animation: right_wing 0.1s linear infinite;
animation: right_wing 0.1s linear infinite;
}
div#chicken_holder div#chicken div#right_wing:before {
content: "";
position: absolute;
top: -6px;
left: 5px;
width: 6px;
height: 6px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
background-color: #fd0;
box-shadow: inset 2px -1px 0 #fbb500;
box-shadow: inset 2px -1px 0 #fbb500;
}
div#chicken_holder div#chicken div#right_wing:after {
content: "";
position: absolute;
top: 7px;
left: -4px;
width: 6px;
height: 6px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
background-color: #fd0;
box-shadow: inset 2px -1px 0 #fbb500;
box-shadow: inset 2px -1px 0 #fbb500;
}
div#chicken_holder div#chicken div#plumage1 {
position: absolute;
top: 48px;
left: 4px;
background-color: #fd0;
width: 4px;
height: 4px;
border-radius: 24px;
border-radius: 24px;
border-radius: 24px;
border-radius: 24px;
box-shadow: 0 1px 0 #fbb500;
box-shadow: 0 1px 0 #fbb500;
}
div#chicken_holder div#chicken div#plumage1:before {
content: "";
position: absolute;
top: 2px;
left: 15px;
background-color: #fd0;
width: 5px;
height: 5px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
box-shadow: 0 1px 0 #fbb500;
box-shadow: 0 1px 0 #fbb500;
}
div#chicken_holder div#chicken div#plumage1:after {
content: "";
position: absolute;
top: 4px;
left: 8px;
background-color: #fd0;
width: 6px;
height: 6px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
box-shadow: 0 1px 0 #fbb500;
box-shadow: 0 1px 0 #fbb500;
}
div#chicken_holder div#chicken div#plumage2 {
position: absolute;
top: 55px;
left: 30px;
background-color: #fd0;
width: 6px;
height: 6px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
box-shadow: 0 1px 0 #fbb500;
box-shadow: 0 1px 0 #fbb500;
}
div#chicken_holder div#chicken div#plumage2:before {
content: "";
position: absolute;
top: 6px;
left: -5px;
background-color: #fd0;
width: 5px;
height: 5px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
box-shadow: 0 1px 0 #fbb500;
box-shadow: 0 1px 0 #fbb500;
}
div#chicken_holder div#chicken div#plumage2:after {
content: "";
position: absolute;
top: 7px;
left: -14px;
background-color: #fd0;
width: 5px;
height: 5px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
box-shadow: 0 1px 0 #fbb500;
box-shadow: 0 1px 0 #fbb500;
}
div#chicken_holder div#chicken div#plumage3 {
position: absolute;
top: 47px;
left: 43px;
background-color: #fd0;
width: 6px;
height: 6px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
box-shadow: 0 1px 0 #fbb500;
box-shadow: 0 1px 0 #fbb500;
}
div#chicken_holder div#chicken div#plumage3:before {
content: "";
position: absolute;
top: 5px;
left: -4px;
background-color: #fd0;
width: 5px;
height: 5px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
box-shadow: 0 1px 0 #fbb500;
box-shadow: 0 1px 0 #fbb500;
}
div#chicken_holder div#chicken div#plumage3:after {
content: "";
position: absolute;
top: 7px;
left: 6px;
background-color: #fd0;
width: 5px;
height: 5px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
box-shadow: 0 1px 0 #fbb500;
box-shadow: 0 1px 0 #fbb500;
}
div#chicken_holder div#chicken div#plumage4 {
position: absolute;
top: 62px;
left: 37px;
background-color: #fd0;
width: 5px;
height: 5px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
box-shadow: 0 1px 0 #fbb500;
box-shadow: 0 1px 0 #fbb500;
}
div#chicken_holder div#chicken div#nib {
width: 0;
height: 0;
border: 5px solid transparent;
border-bottom: 2px solid #d44914;
position: absolute;
top: 31px;
left: 25px;
}
div#chicken_holder div#chicken div#nib:after {
content: '';
position: absolute;
left: -5px;
top: 2px;
width: 0;
height: 0;
border: 5px solid transparent;
border-top: 7px solid #d44914;
}
div#chicken_holder div#chicken div#nib_shadow {
width: 0;
height: 0;
border: 5px solid transparent;
border-bottom: 2px solid #fbb500;
position: absolute;
top: 33px;
left: 26px;
}
div#chicken_holder div#chicken div#nib_shadow:after {
content: '';
position: absolute;
left: -5px;
top: 2px;
width: 0;
height: 0;
border: 5px solid transparent;
border-top: 7px solid #fbb500;
}
div#chicken_holder div#chicken div#left_eye {
width: 10px;
height: 10px;
border-radius: 30px;
border-radius: 30px;
border-radius: 30px;
border-radius: 30px;
background-color: #fff;
position: absolute;
z-index: 10;
top: 33px;
left: 7px;
box-shadow: 2px 2px 0 #fbb500;
box-shadow: 2px 2px 0 #fbb500;
}
div#chicken_holder div#chicken div#left_eye:before {
content: "";
position: absolute;
z-index: -11;
top: -4px;
left: -1px;
width: 8px;
height: 8px;
border-radius: 28px;
border-radius: 28px;
border-radius: 28px;
border-radius: 28px;
width: 6px;
height: 4px;
background-color: #fd0;
box-shadow: 0px -2px 1px -1px #c99100;
box-shadow: 0px -2px 1px -1px #c99100;
transform: rotate(-38deg);
transform: rotate(-38deg);
transform: rotate(-38deg);
transform: rotate(-38deg);
transform: rotate(-38deg);
}
div#chicken_holder div#chicken div#left_eye:after {
content: "";
width: 0px;
height: 0px;
position: absolute;
top: 3px;
left: 3px;
border-right: 2px solid transparent;
border-top: 2px solid #000;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
}
div#chicken_holder div#chicken div#right_eye {
width: 12px;
height: 12px;
border-radius: 32px;
border-radius: 32px;
border-radius: 32px;
border-radius: 32px;
background-color: #fff;
position: absolute;
z-index: 10;
top: 33px;
left: 44px;
box-shadow: 2px 2px 0 #fbb500;
box-shadow: 2px 2px 0 #fbb500;
}
div#chicken_holder div#chicken div#right_eye:before {
content: "";
position: absolute;
z-index: -1;
top: -4px;
left: 4px;
width: 8px;
height: 8px;
border-radius: 28px;
border-radius: 28px;
border-radius: 28px;
border-radius: 28px;
width: 6px;
height: 3px;
background-color: #fd0;
box-shadow: 0px -3px 1px -1px #c99100;
box-shadow: 0px -3px 1px -1px #c99100;
transform: rotate(38deg);
transform: rotate(38deg);
transform: rotate(38deg);
transform: rotate(38deg);
transform: rotate(38deg);
}
div#chicken_holder div#chicken div#right_eye:after {
content: "";
width: 0px;
height: 0px;
position: absolute;
top: 3px;
left: 3px;
border-right: 2px solid transparent;
border-top: 2px solid #000;
border-left: 2px solid #000;
border-bottom: 2px solid #000;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
}
div#chicken_holder div#chicken div#twit {
position: absolute;
top: 126px;
left: -46px;
background-color: #fff;
border-radius: 10px;
z-index: 0;
padding: 4px 10px;
width: 136px;
transform: rotate(15deg);
transform: rotate(15deg);
transform: rotate(15deg);
transform: rotate(15deg);
transform: rotate(15deg);
animation: twit 4s linear infinite;
animation: twit 4s linear infinite;
}
div#chicken_holder div#chicken div#twit:before {
content: "";
width: 6px;
height: 6px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
position: absolute;
z-index: -1;
border: 5px solid #fff;
border-radius: 20px;
left: 42%;
top: -10px;
}
div#chicken_holder div#chicken div#twit:after {
content: "";
width: 2px;
height: 5px;
position: absolute;
background-color: #000;
left: 46%;
top: -10px;
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
}
div#chicken_holder div#chicken div#twit iframe {
width: 10px;
}
div#chicken_holder div#chicken div#twit div.addthis_toolbox a {
width: 80px !important;
}
div#chicken_holder div#chicken div#twit div.addthis_toolbox a.addthis_counter.addthis_pill_style {
width: 50px !important;
}
div#keds {
position: absolute;
z-index: 1000000;
top: -24px;
left: 28px;
width: 64px;
height: 42px;
transform: rotate(-60deg);
transform: rotate(-60deg);
transform: rotate(-60deg);
transform: rotate(-60deg);
transform: rotate(-60deg);
}
div#keds div#shoelace5 {
position: absolute;
top: 0px;
left: 10px;
width: 50px;
height: 34px;
}
div#keds div#shoelace5:after {
content: "";
position: absolute;
top: 34px;
left: -6px;
width: 4px;
height: 6px;
border-radius: 2px/3px;
background-color: #fff;
transform: rotate(-12deg);
transform: rotate(-12deg);
transform: rotate(-12deg);
transform: rotate(-12deg);
transform: rotate(-12deg);
}
div#keds div#shoelace4 {
position: absolute;
top: 0px;
left: 10px;
width: 50px;
height: 34px;
}
div#keds div#shoelace4:after {
content: "";
position: absolute;
top: 19px;
left: 49px;
width: 4px;
height: 6px;
border-radius: 2px/3px;
background-color: #fff;
box-shadow: -56px 7px 0 #fe5f09;
box-shadow: -56px 7px 0 #fe5f09;
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
div#keds div#shoelace4:before {
content: "";
position: absolute;
top: 27px;
left: 8px;
width: 4px;
height: 1px;
background-color: #fff;
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
transform: rotate(-70deg);
transform: rotate(-70deg);
transform: rotate(-70deg);
transform: rotate(-70deg);
transform: rotate(-70deg);
}
div#keds div#shoelace3 {
position: absolute;
top: 0px;
left: 10px;
width: 50px;
height: 34px;
}
div#keds div#shoelace3:after {
content: "";
position: absolute;
top: 19px;
left: 33px;
width: 3px;
height: 2px;
background-color: #fff;
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
transform: rotate(-75deg);
transform: rotate(-75deg);
transform: rotate(-75deg);
transform: rotate(-75deg);
transform: rotate(-75deg);
}
div#keds div#shoelace3:before {
content: "";
position: absolute;
top: 18px;
left: 28px;
width: 4px;
height: 2px;
background-color: #fff;
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
transform: rotate(-70deg);
transform: rotate(-70deg);
transform: rotate(-70deg);
transform: rotate(-70deg);
transform: rotate(-70deg);
}
div#keds div#shoelace2 {
position: absolute;
top: 1px;
left: 11px;
width: 50px;
height: 34px;
}
div#keds div#shoelace2:after {
content: "";
position: absolute;
top: 18px;
left: 2px;
width: 14px;
height: 2px;
background-color: #fff;
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
transform: rotate(-87deg);
transform: rotate(-87deg);
transform: rotate(-87deg);
transform: rotate(-87deg);
transform: rotate(-87deg);
}
div#keds div#shoelace2:before {
content: "";
position: absolute;
top: 17px;
left: 21px;
width: 5px;
height: 2px;
background-color: #fff;
transform: rotate(-59deg);
transform: rotate(-59deg);
transform: rotate(-59deg);
transform: rotate(-59deg);
transform: rotate(-59deg);
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
}
div#keds div#shoelace {
position: absolute;
top: 1px;
left: 11px;
width: 50px;
height: 34px;
}
div#keds div#shoelace:after {
content: "";
position: absolute;
top: 13px;
left: 12px;
width: 7px;
height: 2px;
background-color: #fff;
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
}
div#keds div#shoelace:before {
content: "";
position: absolute;
top: 15px;
left: 16px;
width: 6px;
height: 2px;
background-color: #fff;
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
box-shadow: -1px 1px 1px rgba(0,0,0,0.5);
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
transform: rotate(-45deg);
}
div#keds div#cyrcle {
position: absolute;
top: 15px;
left: 5px;
width: 8px;
height: 8px;
border-radius: 28px;
border-radius: 28px;
border-radius: 28px;
border-radius: 28px;
background-color: #fff;
border: 1px solid #333;
}
div#keds div#cyrcle div#star {
position: absolute;
left: -16px;
top: -3px;
display: block;
color: #f00;
width: 0px;
height: 0px;
border-right: 20px solid transparent;
border-bottom: 14px solid #000096;
border-left: 20px solid transparent;
transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
}
div#keds div#cyrcle div#star:before {
content: '';
border-bottom: 14px solid #000096;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
position: absolute;
height: 0;
width: 0;
top: -9px;
left: -14px;
display: block;
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
}
div#keds div#cyrcle div#star:after {
content: '';
position: absolute;
display: block;
color: #000096;
top: 1px;
left: -22px;
width: 0px;
height: 0px;
border-right: 20px solid transparent;
border-bottom: 14px solid #000096;
border-left: 20px solid transparent;
transform: rotate(-70deg);
transform: rotate(-70deg);
transform: rotate(-70deg);
transform: rotate(-70deg);
transform: rotate(-70deg);
}
div#keds div#sole {
position: absolute;
bottom: 6px;
left: 4px;
width: 60px;
height: 11px;
overflow: hidden;
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
}
div#keds div#sole:after {
content: "";
position: absolute;
top: -32px;
left: -16px;
width: 78px;
height: 30px;
border-radius: 40px/15px;
border: 6px solid #fff;
}
div#keds div#sole:before {
content: "";
position: absolute;
top: -33px;
left: -16px;
width: 78px;
height: 30px;
border-radius: 40px/15px;
border: 6px solid #d24f07;
}
div#keds div#base5 {
position: absolute;
top: 0px;
left: 0px;
width: 62px;
height: 38px;
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
}
div#keds div#base5:after {
content: "";
position: absolute;
top: 24px;
left: 54px;
width: 8px;
height: 6px;
border-radius: 4px/3px;
background-color: #fe5f09;
transform: rotate(90deg);
transform: rotate(90deg);
transform: rotate(90deg);
transform: rotate(90deg);
transform: rotate(90deg);
}
div#keds div#base5:before {
content: "";
position: absolute;
top: 5px;
left: 9px;
width: 20px;
height: 12px;
border-radius: 10px/6px;
background-color: #fe5f09;
box-shadow: 0 0 48px #000;
box-shadow: 0 0 48px #000;
transform: rotate(35deg);
transform: rotate(35deg);
transform: rotate(35deg);
transform: rotate(35deg);
transform: rotate(35deg);
}
div#keds div#base4 {
position: absolute;
top: 1px;
left: 1px;
width: 58px;
height: 38px;
overflow: hidden;
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
}
div#keds div#base4:after {
content: "";
position: absolute;
top: -12px;
left: -26px;
width: 100px;
height: 30px;
border-radius: 40px/15px;
border: 6px solid #f15d0c;
}
div#keds div#base4:before {
content: "";
position: absolute;
top: 5px;
left: 1px;
width: 12px;
height: 6px;
border-radius: 6px/3px;
background-color: #fe5f09;
transform: rotate(-102deg);
transform: rotate(-102deg);
transform: rotate(-102deg);
transform: rotate(-102deg);
transform: rotate(-102deg);
}
div#keds div#base3 {
position: absolute;
top: 3px;
left: 14px;
width: 46px;
height: 18px;
overflow: hidden;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
transform: rotate(34deg);
transform: rotate(34deg);
transform: rotate(34deg);
transform: rotate(34deg);
transform: rotate(34deg);
}
div#keds div#base3:after {
content: "";
position: absolute;
top: -89px;
left: -23px;
height: 100px;
width: 68px;
border-radius: 100px;
border: 4px solid #fe5f09;
}
div#keds div#base3:before {
content: "";
position: absolute;
top: 10px;
left: 20px;
width: 24px;
height: 10px;
border-radius: 12px/5px;
background-color: #fe5f09;
transform: rotate(-25deg);
transform: rotate(-25deg);
transform: rotate(-25deg);
transform: rotate(-25deg);
transform: rotate(-25deg);
}
div#keds div#base2 {
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=1);
opacity: 0.1;
display: none;
position: absolute;
top: -1px;
left: 1px;
width: 20px;
height: 18px;
overflow: hidden;
transform: rotate(-34deg);
transform: rotate(-34deg);
transform: rotate(-34deg);
transform: rotate(-34deg);
transform: rotate(-34deg);
}
div#keds div#base2:after {
content: "";
position: absolute;
top: -31px;
left: -8px;
height: 32px;
width: 40px;
border-radius: 32px;
border: 6px solid #fe5f09;
box-shadow: 4px 2px 2px rgba(0,0,0,0.4);
box-shadow: 4px 2px 2px rgba(0,0,0,0.4);
}
div#keds div#base {
position: absolute;
top: 18px;
left: 2px;
background-color: #f05f11;
width: 38px;
height: 10px;
border-radius: 20px 20px 0 0;
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
transform: rotate(-15deg);
}
div#keds div#base:after {
content: "";
position: absolute;
top: -4px;
left: -3px;
background-color: #fe5f09;
width: 24px;
height: 10px;
border-radius: 12px/6px;
transform: rotate(-54deg);
transform: rotate(-54deg);
transform: rotate(-54deg);
transform: rotate(-54deg);
transform: rotate(-54deg);
}
div#keds div#base:before {
content: "";
position: absolute;
top: -5px;
left: -4px;
background-color: #fe5f09;
width: 24px;
height: 10px;
border-radius: 12px/6px;
transform: rotate(94deg);
transform: rotate(94deg);
transform: rotate(94deg);
transform: rotate(94deg);
transform: rotate(94deg);
}
div#keds div#dot {
width: 2px;
height: 2px;
border-radius: 22px;
border-radius: 22px;
border-radius: 22px;
border-radius: 22px;
position: absolute;
top: 5px;
left: 16px;
box-shadow: 4px 7px 0 #fff;
box-shadow: 4px 7px 0 #fff;
}
div#boat {
position: absolute;
z-index: 12;
top: 340px;
left: 4%;
width: 590px;
height: 300px;
animation: boat 5s ease-in infinite;
animation: boat 5s ease-in infinite;
}
div#boat div#leg_right,
div#boat div#bow_right,
div#boat div#leg_left,
div#boat div#bow_left,
div#boat div#arm_left,
div#boat div#arm_right,
div#boat div#hand_right,
div#boat div#hand_left,
div#boat div#finger1,
div#boat div#finger2,
div#boat div#finger3,
div#boat div#finger4,
div#boat div#finger5,
div#boat div#finger6,
div#boat div#finger1:before,
div#boat div#finger1:after,
div#boat div#finger4:before,
div#boat div#finger4:after {
position: absolute;
z-index: 50;
background-color: #000;
border-radius: 2px;
box-shadow: 6px -4px 4px rgba(0,0,0,0.2);
box-shadow: 6px -4px 4px rgba(0,0,0,0.2);
}
div#boat div#finger6 {
z-index: 49;
top: 70px;
left: 542px;
height: 15px;
width: 4px;
box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 rgba(0,0,0,0);
transform: rotate(-3deg);
transform: rotate(-3deg);
transform: rotate(-3deg);
transform: rotate(-3deg);
transform: rotate(-3deg);
}
div#boat div#arm_left {
top: 83px;
left: 480px;
height: 75px;
width: 4px;
z-index: 30;
box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 rgba(0,0,0,0);
transform: rotate(-90deg);
transform: rotate(-90deg);
transform: rotate(-90deg);
transform: rotate(-90deg);
transform: rotate(-90deg);
}
div#boat div#arm_left div#hand_left {
top: 67px;
left: 13px;
height: 37px;
width: 4px;
box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 rgba(0,0,0,0);
transform: rotate(128deg);
transform: rotate(128deg);
transform: rotate(128deg);
transform: rotate(128deg);
transform: rotate(128deg);
}
div#boat div#arm_right {
top: 113px;
left: 376px;
height: 75px;
width: 4px;
overflow: visible;
box-shadow: 6px -4px 4px rgba(0,0,0,0.1);
box-shadow: 6px -4px 4px rgba(0,0,0,0.1);
transform: rotate(-50deg);
transform: rotate(-50deg);
transform: rotate(-50deg);
transform: rotate(-50deg);
transform: rotate(-50deg);
}
div#boat div#arm_right div#hand_right {
top: 49px;
left: 35px;
height: 80px;
width: 4px;
box-shadow: 6px -4px 4px rgba(0,0,0,0.1);
box-shadow: 6px -4px 4px rgba(0,0,0,0.1);
transform: rotate(-68deg);
transform: rotate(-68deg);
transform: rotate(-68deg);
transform: rotate(-68deg);
transform: rotate(-68deg);
}
div#boat div#rod {
position: absolute;
z-index: 150;
top: -126px;
left: 462px;
}
div#boat div#rod:before {
content: "";
position: absolute;
top: 227px;
left: 22px;
height: 64px;
width: 8px;
background: #b7b7b7;
/* Old browsers */
background: linear-gradient(left, #b7b7b7 0%, #f4f4f4 52%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #b7b7b7), color-stop(52%, #f4f4f4));
/* Chrome,Safari4+ */
background: linear-gradient(left, #b7b7b7 0%, #f4f4f4 52%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #b7b7b7 0%, #f4f4f4 52%);
/* Opera 11.10+ */
background: linear-gradient(left, #b7b7b7 0%, #f4f4f4 52%);
/* IE10+ */
background: linear-gradient(to right, #b7b7b7 0%, #f4f4f4 52%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
}
div#boat div#rod:after {
content: "";
position: absolute;
top: 196px;
left: 72px;
height: 24px;
width: 8px;
background: #b7b7b7;
/* Old browsers */
background: linear-gradient(left, #b7b7b7 0%, #f4f4f4 52%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #b7b7b7), color-stop(52%, #f4f4f4));
/* Chrome,Safari4+ */
background: linear-gradient(left, #b7b7b7 0%, #f4f4f4 52%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #b7b7b7 0%, #f4f4f4 52%);
/* Opera 11.10+ */
background: linear-gradient(left, #b7b7b7 0%, #f4f4f4 52%);
/* IE10+ */
background: linear-gradient(to right, #b7b7b7 0%, #f4f4f4 52%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */
border-radius: 2px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
}
div#boat div#rod div#top {
position: absolute;
top: 0px;
left: 283px;
height: 2px;
width: 5px;
border-radius: 1px;
background: #000;
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
}
div#boat div#rod div#dots {
position: absolute;
top: 70px;
left: 212px;
height: 2px;
width: 4px;
border-radius: 1px;
background: #000;
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
}
div#boat div#rod div#dots:before {
content: "";
position: absolute;
top: -36px;
left: 0px;
height: 2px;
width: 4px;
border-radius: 1px;
background: #000;
}
div#boat div#rod div#dots:after {
content: "";
position: absolute;
top: -67px;
left: 0px;
height: 2px;
width: 4px;
border-radius: 1px;
background: #000;
}
div#boat div#rod div#line_circle {
position: absolute;
top: 214px;
left: 44px;
width: 18px;
height: 18px;
border-radius: 38px;
border-radius: 38px;
border-radius: 38px;
border-radius: 38px;
background: #000;
}
div#boat div#rod div#line_circle:before {
content: "";
position: absolute;
top: -114px;
left: 138px;
height: 2px;
width: 4px;
border-radius: 1px;
background: #000;
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
}
div#boat div#rod div#line_circle:after {
content: "";
position: absolute;
top: -69px;
left: 93px;
height: 2px;
width: 4px;
border-radius: 1px;
background: #000;
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
}
div#boat div#rod div#stick {
position: absolute;
z-index: -1;
top: -52px;
left: 156px;
height: 359px;
width: 2px;
background-color: #000;
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
transform: rotate(45deg);
}
div#boat div#rod div#stick:before {
content: "";
position: absolute;
top: 305px;
left: -1px;
height: 29px;
width: 4px;
background-color: #000;
}
div#boat div#rod div#stick:after {
content: "";
position: absolute;
top: 277px;
left: -2px;
height: 4px;
width: 6px;
background-color: #000;
}
div#boat div#rod div#line {
position: absolute;
background-color: rgba(0,0,0,0.2);
width: 1px;
height: 500px;
top: 2px;
left: 286px;
}
div#boat div#rod div#finger1 {
z-index: 58;
top: 263px;
left: 8px;
height: 20px;
width: 4px;
box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 rgba(0,0,0,0);
transform: rotate(-52deg);
transform: rotate(-52deg);
transform: rotate(-52deg);
transform: rotate(-52deg);
transform: rotate(-52deg);
}
div#boat div#rod div#finger1:before {
content: "";
top: -1px;
left: 8px;
width: 4px;
height: 16px;
transform: rotate(108deg);
transform: rotate(108deg);
transform: rotate(108deg);
transform: rotate(108deg);
transform: rotate(108deg);
}
div#boat div#rod div#finger1:after {
content: "";
top: 16px;
left: 18px;
width: 4px;
height: 4px;
box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
transform: rotate(140deg);
transform: rotate(140deg);
transform: rotate(140deg);
transform: rotate(140deg);
transform: rotate(140deg);
}
div#boat div#rod div#finger2 {
z-index: 58;
left: 14px;
height: 18px;
width: 4px;
top: 260px;
box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 rgba(0,0,0,0);
transform: rotate(-42deg);
transform: rotate(-42deg);
transform: rotate(-42deg);
transform: rotate(-42deg);
transform: rotate(-42deg);
}
div#boat div#rod div#finger3 {
z-index: 58;
height: 16px;
left: 20px;
top: 256px;
width: 4px;
transform: rotate(-46deg);
transform: rotate(-46deg);
transform: rotate(-46deg);
transform: rotate(-46deg);
transform: rotate(-46deg);
box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 rgba(0,0,0,0);
}
div#boat div#rod div#finger4 {
z-index: 58;
top: 209px;
left: 79px;
height: 16px;
width: 4px;
box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 rgba(0,0,0,0);
transform: rotate(57deg);
transform: rotate(57deg);
transform: rotate(57deg);
transform: rotate(57deg);
transform: rotate(57deg);
}
div#boat div#rod div#finger4:before {
content: "";
top: -2px;
left: -11px;
width: 4px;
height: 23px;
transform: rotate(85deg);
transform: rotate(85deg);
transform: rotate(85deg);
transform: rotate(85deg);
transform: rotate(85deg);
}
div#boat div#rod div#finger4:after {
content: "";
top: 6px;
left: -8px;
width: 4px;
height: 19px;
transform: rotate(69deg);
transform: rotate(69deg);
transform: rotate(69deg);
transform: rotate(69deg);
transform: rotate(69deg);
}
div#boat div#rod div#finger5 {
z-index: 58;
top: 194px;
left: 78px;
height: 21px;
width: 4px;
box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 0 rgba(0,0,0,0);
transform: rotate(-29deg);
transform: rotate(-29deg);
transform: rotate(-29deg);
transform: rotate(-29deg);
transform: rotate(-29deg);
}
div#boat div#leg_right {
top: 188px;
left: 380px;
height: 40px;
width: 4px;
transform: rotate(61deg);
transform: rotate(61deg);
transform: rotate(61deg);
transform: rotate(61deg);
transform: rotate(61deg);
animation: lego_leg_right 5s ease-in infinite;
animation: lego_leg_right 5s ease-in infinite;
}
div#boat div#leg_right div#bow_right {
top: -16px;
left: 22px;
height: 50px;
width: 4px;
transform: rotate(-68deg);
transform: rotate(-68deg);
transform: rotate(-68deg);
transform: rotate(-68deg);
transform: rotate(-68deg);
box-shadow: 6px 4px 4px rgba(0,0,0,0.2);
box-shadow: 6px 4px 4px rgba(0,0,0,0.2);
}
div#boat div#leg_left {
top: 171px;
left: 440px;
height: 16px;
width: 4px;
transform: rotate(-61deg);
transform: rotate(-61deg);
transform: rotate(-61deg);
transform: rotate(-61deg);
transform: rotate(-61deg);
animation: lego_leg_left 5s ease-in infinite;
animation: lego_leg_left 5s ease-in infinite;
animation: lego_leg_left 5s ease-in infinite;
}
div#boat div#leg_left div#bow_left {
top: -13px;
left: -24px;
height: 67px;
width: 4px;
transform: rotate(50deg);
transform: rotate(50deg);
transform: rotate(50deg);
transform: rotate(50deg);
transform: rotate(50deg);
box-shadow: 6px 4px 4px rgba(0,0,0,0.2);
box-shadow: 6px 4px 4px rgba(0,0,0,0.2);
}
div#boat div#leg_left div#bow_left:before {
content: "";
position: absolute;
background-color: #000;
top: 65px;
left: -7px;
height: 9px;
width: 4px;
border-radius: 2px;
transform: rotate(80deg);
transform: rotate(80deg);
transform: rotate(80deg);
transform: rotate(80deg);
transform: rotate(80deg);
}
div#boat div#leg_left div#bow_left:after {
content: "";
position: absolute;
background-color: #000;
top: 67px;
left: -5px;
height: 12px;
width: 4px;
border-radius: 2px;
transform: rotate(60deg);
transform: rotate(60deg);
transform: rotate(60deg);
transform: rotate(60deg);
transform: rotate(60deg);
}
div#boat div#leg_left div#bow_left div#finger {
position: absolute;
background-color: #000;
top: 70px;
left: 0px;
height: 8px;
width: 4px;
border-radius: 2px;
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
}
div#boat div#boat_base {
position: absolute;
z-index: 40;
bottom: 0;
left: 138px;
width: 288px;
height: 76px;
overflow: hidden;
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
}
div#boat div#boat_base:after {
content: "";
position: absolute;
z-index: 40;
width: 400px;
height: 150px;
top: 54px;
left: -76px;
background: #ff58a8;
/* Old browsers */
background: linear-gradient(top, #ff58a8 0%, #bc276d 100%);
/* FF3.6+ */
background: gradient(linear, left top, left bottom, color-stop(0%, #ff58a8), color-stop(100%, #bc276d));
/* Chrome,Safari4+ */
background: linear-gradient(top, #ff58a8 0%, #bc276d 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #ff58a8 0%, #bc276d 100%);
/* Opera 11.10+ */
background: linear-gradient(top, #ff58a8 0%, #bc276d 100%);
/* IE10+ */
background: linear-gradient(to bottom, #ff58a8 0%, #bc276d 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff58a8', endColorstr='#bc276d',GradientType=0 ); /* IE6-9 */
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
transform: skew(38deg, -4deg) rotate(-12deg);
transform: skew(38deg, -4deg) rotate(-12deg);
transform: skew(38deg, -4deg) rotate(-12deg);
transform: skew(38deg, -4deg) rotate(-12deg);
transform: skew(38deg, -4deg) rotate(-12deg);
}
div#boat div#boat_right_base {
position: absolute;
z-index: 41;
bottom: 73px;
left: 348px;
width: 234px;
height: 106px;
overflow: hidden;
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
transform: rotate(-45deg) skewY(-4deg);
transform: rotate(-45deg) skewY(-4deg);
transform: rotate(-45deg) skewY(-4deg);
transform: rotate(-45deg) skewY(-4deg);
transform: rotate(-45deg) skewY(-4deg);
}
div#boat div#boat_right_base:after {
content: "";
position: absolute;
z-index: 40;
width: 300px;
height: 150px;
top: 41px;
left: -76px;
background: #bd447e;
/* Old browsers */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #bd447e), color-stop(100%, #ff58a8));
/* Chrome,Safari4+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Opera 11.10+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* IE10+ */
background: linear-gradient(to right, #bd447e 0%, #ff58a8 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd447e', endColorstr='#ff58a8',GradientType=1 ); /* IE6-9 */
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
transform: rotate(24deg);
transform: rotate(24deg);
transform: rotate(24deg);
transform: rotate(24deg);
transform: rotate(24deg);
}
div#boat div#boat_left_base {
position: absolute;
z-index: 39;
bottom: 14px;
left: 34px;
width: 234px;
height: 306px;
overflow: hidden;
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
transform: rotate(-19deg) skewX(18deg);
transform: rotate(-19deg) skewX(18deg);
transform: rotate(-19deg) skewX(18deg);
transform: rotate(-19deg) skewX(18deg);
transform: rotate(-19deg) skewX(18deg);
}
div#boat div#boat_left_base:after {
content: "";
position: absolute;
z-index: 40;
width: 320px;
height: 300px;
top: 248px;
left: -52px;
background: #bd447e;
/* Old browsers */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #bd447e), color-stop(100%, #ff58a8));
/* Chrome,Safari4+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Opera 11.10+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* IE10+ */
background: linear-gradient(to right, #bd447e 0%, #ff58a8 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd447e', endColorstr='#ff58a8',GradientType=1 ); /* IE6-9 */
box-shadow: 30px -1px 27px -2px rgba(0,0,0,0.5);
box-shadow: 30px -1px 27px -2px rgba(0,0,0,0.5);
transform: rotate(45deg) skewX(41deg);
transform: rotate(45deg) skewX(41deg);
transform: rotate(45deg) skewX(41deg);
transform: rotate(45deg) skewX(41deg);
transform: rotate(45deg) skewX(41deg);
}
div#boat div#aft {
position: absolute;
z-index: 31;
bottom: 63px;
left: 428px;
width: 160px;
height: 100px;
overflow: hidden;
box-shadow: 0 -16px 10px -17px rgba(0,0,0,0.5);
box-shadow: 0 -16px 10px -17px rgba(0,0,0,0.5);
transform: rotate(-10deg);
transform: rotate(-10deg);
transform: rotate(-10deg);
transform: rotate(-10deg);
transform: rotate(-10deg);
}
div#boat div#aft:after {
content: "";
position: absolute;
z-index: 1;
width: 200px;
height: 60px;
top: -26px;
left: -20px;
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
transform: rotate(-26deg);
transform: rotate(-26deg);
transform: rotate(-26deg);
transform: rotate(-26deg);
transform: rotate(-26deg);
}
div#boat div#boat_left_back {
position: absolute;
z-index: 29;
bottom: 65px;
left: 48px;
width: 230px;
height: 206px;
overflow: hidden;
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
}
div#boat div#boat_left_back:after {
content: "";
position: absolute;
z-index: 40;
width: 420px;
height: 300px;
top: 93px;
left: -152px;
background: #bd447e;
/* Old browsers */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #bd447e), color-stop(100%, #ff58a8));
/* Chrome,Safari4+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Opera 11.10+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* IE10+ */
background: linear-gradient(to right, #bd447e 0%, #ff58a8 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd447e', endColorstr='#ff58a8',GradientType=1 ); /* IE6-9 */
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
}
div#boat div#boat_right_back {
position: absolute;
z-index: 28;
bottom: 68px;
left: 300px;
width: 240px;
height: 206px;
overflow: hidden;
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
transform: rotate(-42deg);
transform: rotate(-42deg);
transform: rotate(-42deg);
transform: rotate(-42deg);
transform: rotate(-42deg);
}
div#boat div#boat_right_back:after {
content: "";
position: absolute;
z-index: 40;
width: 300px;
height: 160px;
top: 102px;
left: -60px;
background: #bd447e;
/* Old browsers */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #bd447e), color-stop(100%, #ff58a8));
/* Chrome,Safari4+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Opera 11.10+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* IE10+ */
background: linear-gradient(to right, #bd447e 0%, #ff58a8 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd447e', endColorstr='#ff58a8',GradientType=1 ); /* IE6-9 */
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
}
div#boat div#boat_middle_left {
position: absolute;
z-index: 31;
bottom: 56px;
left: 86px;
width: 220px;
height: 206px;
overflow: hidden;
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
box-shadow: 0 16px 10px -17px rgba(0,0,0,0.5);
}
div#boat div#boat_middle_left:after {
content: "";
position: absolute;
z-index: 40;
width: 160px;
height: 180px;
top: 34px;
left: 178px;
background: #bd447e;
/* Old browsers */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #bd447e), color-stop(100%, #ff58a8));
/* Chrome,Safari4+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Opera 11.10+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* IE10+ */
background: linear-gradient(to right, #bd447e 0%, #ff58a8 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd447e', endColorstr='#ff58a8',GradientType=1 ); /* IE6-9 */
box-shadow: -12px 106px 54px -2px rgba(0,0,0,0.5);
box-shadow: -12px 106px 54px -2px rgba(0,0,0,0.5);
transform: rotate(32deg);
transform: rotate(32deg);
transform: rotate(32deg);
transform: rotate(32deg);
transform: rotate(32deg);
}
div#boat div#boat_middle_right {
position: absolute;
z-index: 31;
bottom: 74px;
left: 306px;
width: 180px;
height: 183px;
overflow: hidden;
box-shadow: -19px 16px 10px -17px rgba(0,0,0,0.5);
box-shadow: -19px 16px 10px -17px rgba(0,0,0,0.5);
}
div#boat div#boat_middle_right:after {
content: "";
position: absolute;
z-index: 40;
width: 160px;
height: 180px;
top: 51px;
left: -98px;
background: #bd447e;
/* Old browsers */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* FF3.6+ */
background: gradient(linear, left top, right top, color-stop(0%, #bd447e), color-stop(100%, #ff58a8));
/* Chrome,Safari4+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* Opera 11.10+ */
background: linear-gradient(left, #bd447e 0%, #ff58a8 100%);
/* IE10+ */
background: linear-gradient(to right, #bd447e 0%, #ff58a8 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd447e', endColorstr='#ff58a8',GradientType=1 ); /* IE6-9 */
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.5);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
transform: rotate(-35deg);
}
div#boat div#hair {
position: absolute;
z-index: 2;
top: -30px;
left: 341px;
width: 80px;
height: 60px;
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
animation: lego_body_hair 5s ease-in infinite;
animation: lego_body_hair 5s ease-in infinite;
}
div#boat div#hair div#one {
width: 28px;
height: 8px;
border-radius: 14px/4px;
background-color: #0db2ed;
position: absolute;
z-index: 1;
top: 9px;
left: 37px;
box-shadow: 0 0 3px rgba(0,0,0,0.4);
box-shadow: 0 0 3px rgba(0,0,0,0.4);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
transform: rotate(-4deg);
}
div#boat div#hair div#one:after {
content: "";
width: 38px;
height: 14px;
border-radius: 19px/7px;
background-color: #0db2ed;
position: absolute;
top: 10px;
left: -21px;
box-shadow: 0 0 3px rgba(0,0,0,0.4);
box-shadow: 0 0 3px rgba(0,0,0,0.4);
transform: rotate(-10deg);
transform: rotate(-10deg);
transform: rotate(-10deg);
transform: rotate(-10deg);
transform: rotate(-10deg);
}
div#boat div#hair div#one:before {
content: "";
width: 28px;
height: 8px;
border-radius: 14px/4px;
background-color: #0db2ed;
position: absolute;
z-index: 1;
top: 24px;
left: -28px;
transform: rotate(-22deg);
transform: rotate(-22deg);
transform: rotate(-22deg);
transform: rotate(-22deg);
transform: rotate(-22deg);
box-shadow: 0 0 3px rgba(0,0,0,0.4);
box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
div#boat div#lego_body {
position: absolute;
z-index: 34;
left: 354px;
top: -20px;
height: 250px;
width: 130px;
border-top-left-radius: 66px;
border-top-right-radius: 66px;
border-bottom-right-radius: 66px;
background: #07c3fc;
/* Old browsers */
background: radial-gradient(center, ellipse cover, #07c3fc 0%, #05abe0 100%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #07c3fc), color-stop(100%, #05abe0));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, #07c3fc 0%, #05abe0 100%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, #07c3fc 0%, #05abe0 100%);
/* Opera 12+ */
background: radial-gradient(center, ellipse cover, #07c3fc 0%, #05abe0 100%);
/* IE10+ */
background: radial-gradient(ellipse at center, #07c3fc 0%, #05abe0 100%);
/* W3C */
box-shadow: 0 8px 10px rgba(0,0,0,0.4);
box-shadow: 0 8px 10px rgba(0,0,0,0.4);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
animation: lego_body 5s ease-in infinite;
animation: lego_body 5s ease-in infinite;
}
div#boat div#lego_body div#hat {
position: absolute;
top: -46px;
left: 46px;
width: 58px;
height: 76px;
overflow: hidden;
z-index: 1000;
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
animation: lego_body_hat 5s ease-in infinite;
animation: lego_body_hat 5s ease-in infinite;
}
div#boat div#lego_body div#hat div#base_line {
z-index: 3;
position: absolute;
top: -14px;
left: -15px;
border: 6px solid #002433;
width: 80px;
height: 54px;
border-radius: 40px/25px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
transform: rotate(12deg);
transform: rotate(12deg);
transform: rotate(12deg);
transform: rotate(12deg);
transform: rotate(12deg);
}
div#boat div#lego_body div#hat div#stripe {
position: absolute;
z-index: 2;
top: 7px;
left: 17px;
width: 33px;
height: 42px;
overflow: hidden;
transform: rotate(10deg);
transform: rotate(10deg);
transform: rotate(10deg);
transform: rotate(10deg);
transform: rotate(10deg);
}
div#boat div#lego_body div#hat div#stripe:after {
content: "";
position: absolute;
z-index: 2;
top: -12px;
left: -32px;
width: 80px;
height: 40px;
border-radius: 40px/20px;
border: 5px solid #043147;
}
div#boat div#lego_body div#hat div#stripe div#stripe_square {
z-index: 3;
width: 7px;
height: 7px;
position: absolute;
top: 31px;
left: 8px;
background-color: #0d4759;
}
div#boat div#lego_body div#hat div#top {
position: absolute;
top: 4px;
left: 21px;
width: 32px;
height: 4px;
border-radius: 16px/2px;
background-color: #115f80;
transform: rotate(9deg);
transform: rotate(9deg);
transform: rotate(9deg);
transform: rotate(9deg);
transform: rotate(9deg);
}
div#boat div#lego_body div#hat div#base {
position: absolute;
z-index: 1;
top: 6px;
left: 18px;
width: 32px;
height: 42px;
background-color: #002433;
transform: rotate(8deg);
transform: rotate(8deg);
transform: rotate(8deg);
transform: rotate(8deg);
transform: rotate(8deg);
}
div#boat div#lego_body div#hat div#base:after {
content: "";
position: absolute;
top: 0px;
left: -1px;
width: 32px;
height: 42px;
background-color: #002433;
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
transform: rotate(2deg);
}
div#boat div#lego_body div#smile_holder {
position: absolute;
z-index: 101;
}
div#boat div#lego_body div#smile_holder div#smile {
position: absolute;
top: 104px;
left: 0px;
width: 130px;
height: 32px;
opacity: 1;
overflow: hidden;
}
div#boat div#lego_body div#smile_holder div#smile div#mouth_wrapper {
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
width: 130px;
height: 30px;
border-radius: 133px;
}
div#boat div#lego_body div#smile_holder div#smile div#mouth_wrapper div#mouth {
width: 200px;
height: 130px;
border-radius: 100px/65px;
border: 1px solid rgba(0,0,0,0.4);
position: absolute;
z-index: 100;
top: -108px;
left: -35px;
}
div#boat div#lego_body div#smile_holder div#smile div#base {
content: "";
position: absolute;
top: -300px;
left: -100px;
border: 16px solid #0a0;
width: 300px;
height: 300px;
border-radius: 320px;
border-radius: 320px;
border-radius: 320px;
border-radius: 320px;
}
div#boat div#lego_body div#smile_holder div#chicks {
position: absolute;
z-index: 1;
top: 106px;
left: -11px;
width: 24px;
height: 14px;
border-radius: 12px/7px;
background-color: #0a0;
transform: rotate(29deg);
transform: rotate(29deg);
transform: rotate(29deg);
transform: rotate(29deg);
transform: rotate(29deg);
}
div#boat div#lego_body div#smile_holder div#chicks:after {
content: "";
position: absolute;
z-index: 1;
top: -60px;
left: 112px;
width: 24px;
height: 14px;
border-radius: 12px/7px;
background-color: #0a0;
transform: rotate(-58deg);
transform: rotate(-58deg);
transform: rotate(-58deg);
transform: rotate(-58deg);
transform: rotate(-58deg);
}
div#boat div#lego_body div#bow_tie {
z-index: 100;
position: absolute;
top: 134px;
left: 34px;
width: 60px;
height: 40px;
}
div#boat div#lego_body div#bow_tie div#middle {
z-index: 100;
position: absolute;
top: 14px;
left: 26px;
width: 12px;
height: 14px;
border-radius: 6px;
border-radius: 6px;
border-radius: 6px;
border-radius: 6px;
transform: skewX(6deg);
transform: skewX(6deg);
transform: skewX(6deg);
transform: skewX(6deg);
transform: skewX(6deg);
box-shadow: 0 0 5px rgba(0,0,0,0.4);
box-shadow: 0 0 5px rgba(0,0,0,0.4);
background-color: #aaa;
background: linear-gradient(-45deg, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px);
background: linear-gradient(-45deg, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px);
background: linear-gradient(-45deg, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px);
background: linear-gradient(-45deg, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px);
}
div#boat div#lego_body div#bow_tie div#middle:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 4px;
background-color: #aaa;
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 36%, rgba(0,0,0,0.65) 100%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(35%, rgba(0,0,0,0)), color-stop(36%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.65)));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 36%, rgba(0,0,0,0.65) 100%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 36%, rgba(0,0,0,0.65) 100%);
/* Opera 12+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 36%, rgba(0,0,0,0.65) 100%);
/* W3C */
}
div#boat div#lego_body div#bow_tie div#left_wing {
position: absolute;
width: 29px;
height: 36px;
top: 4px;
left: -9px;
overflow: hidden;
box-shadow: 6px -8px 10px rgba(0,0,0,0.2);
box-shadow: 6px -8px 10px rgba(0,0,0,0.2);
transform: rotate(55deg) skewY(-24deg);
transform: rotate(55deg) skewY(-24deg);
transform: rotate(55deg) skewY(-24deg);
transform: rotate(55deg) skewY(-24deg);
transform: rotate(55deg) skewY(-24deg);
}
div#boat div#lego_body div#bow_tie div#left_wing div#glimps {
position: absolute;
}
div#boat div#lego_body div#bow_tie div#left_wing div#glimps:before {
content: "";
width: 30px;
height: 15px;
position: absolute;
z-index: 1;
top: 10px;
left: 14px;
opacity: 0.8;
border-radius: 20px;
transform: rotate(-35deg) skewY(-10deg);
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.65)), color-stop(70%, rgba(0,0,0,0)));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* Opera 12+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
div#boat div#lego_body div#bow_tie div#left_wing:after {
content: "";
width: 100px;
height: 100px;
border-radius: 120px;
border-radius: 120px;
border-radius: 120px;
border-radius: 120px;
position: absolute;
top: -59px;
left: 5px;
background-color: #aaa;
background: linear-gradient(left, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px, #fff 18px, #000 18px, #000 22px, #fff 22px, #fff 24px);
background: linear-gradient(left, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px, #fff 18px, #000 18px, #000 22px, #fff 22px, #fff 24px);
background: linear-gradient(left, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px, #fff 18px, #000 18px, #000 22px, #fff 22px, #fff 24px);
background: linear-gradient(left, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px, #fff 18px, #000 18px, #000 22px, #fff 22px, #fff 24px);
box-shadow: 0 0 2px rgba(0,0,0,0.2);
box-shadow: 0 0 2px rgba(0,0,0,0.2);
transform: rotate(-55deg) skew(0, 10deg);
transform: rotate(-55deg) skew(0, 10deg);
transform: rotate(-55deg) skew(0, 10deg);
transform: rotate(-55deg) skew(0, 10deg);
transform: rotate(-55deg) skew(0, 10deg);
}
div#boat div#lego_body div#bow_tie div#left_wing:before {
content: "";
width: 30px;
height: 10px;
position: absolute;
z-index: 1;
top: 2px;
left: 6px;
opacity: 0.8;
border-radius: 20px;
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.65)), color-stop(70%, rgba(0,0,0,0)));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* Opera 12+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
transform: rotate(-20deg) skewY(-10deg);
transform: rotate(-20deg) skewY(-10deg);
transform: rotate(-20deg) skewY(-10deg);
transform: rotate(-20deg) skewY(-10deg);
transform: rotate(-20deg) skewY(-10deg);
}
div#boat div#lego_body div#bow_tie div#right_wing {
position: absolute;
width: 29px;
height: 36px;
top: 1px;
left: 44px;
overflow: hidden;
transform: rotate(235deg) skewY(-24deg);
transform: rotate(235deg) skewY(-24deg);
transform: rotate(235deg) skewY(-24deg);
transform: rotate(235deg) skewY(-24deg);
transform: rotate(235deg) skewY(-24deg);
box-shadow: 5px -10px 10px rgba(0,0,0,0.2);
box-shadow: 5px -10px 10px rgba(0,0,0,0.2);
}
div#boat div#lego_body div#bow_tie div#right_wing div#glimps {
position: absolute;
}
div#boat div#lego_body div#bow_tie div#right_wing div#glimps:before {
content: "";
width: 30px;
height: 15px;
position: absolute;
z-index: 1;
top: 10px;
left: 14px;
opacity: 0.8;
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.65)), color-stop(70%, rgba(0,0,0,0)));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* Opera 12+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius: 20px;
transform: rotate(-35deg) skewY(-10deg);
transform: rotate(-35deg) skewY(-10deg);
transform: rotate(-35deg) skewY(-10deg);
transform: rotate(-35deg) skewY(-10deg);
transform: rotate(-35deg) skewY(-10deg);
}
div#boat div#lego_body div#bow_tie div#right_wing:after {
content: "";
width: 100px;
height: 100px;
border-radius: 120px;
border-radius: 120px;
border-radius: 120px;
border-radius: 120px;
position: absolute;
top: -59px;
left: 5px;
background-color: #aaa;
background: linear-gradient(left, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px, #fff 18px, #000 18px, #000 22px, #fff 22px, #fff 24px);
background: linear-gradient(left, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px, #fff 18px, #000 18px, #000 22px, #fff 22px, #fff 24px);
background: linear-gradient(left, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px, #fff 18px, #000 18px, #000 22px, #fff 22px, #fff 24px);
background: linear-gradient(left, #fff 0px, #fff 2px, #000 2px, #000 6px, #fff 6px, #fff 10px, #000 10px, #000 14px, #fff 14px, #fff 18px, #000 18px, #000 22px, #fff 22px, #fff 24px);
box-shadow: 0 0 2px rgba(0,0,0,0.2);
box-shadow: 0 0 2px rgba(0,0,0,0.2);
transform: rotate(-55deg) skewY(10deg);
transform: rotate(-55deg) skewY(10deg);
transform: rotate(-55deg) skewY(10deg);
transform: rotate(-55deg) skewY(10deg);
transform: rotate(-55deg) skewY(10deg);
}
div#boat div#lego_body div#bow_tie div#right_wing:before {
content: "";
width: 30px;
height: 10px;
position: absolute;
z-index: 1;
top: 2px;
left: 6px;
opacity: 0.8;
border-radius: 20px;
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.65)), color-stop(70%, rgba(0,0,0,0)));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* Opera 12+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 70%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
transform: rotate(-20deg) skewY(-10deg);
transform: rotate(-20deg) skewY(-10deg);
transform: rotate(-20deg) skewY(-10deg);
transform: rotate(-20deg) skewY(-10deg);
transform: rotate(-20deg) skewY(-10deg);
}
div#boat div#lego_body div#veko {
position: absolute;
z-index: 30;
top: 102px;
left: 46px;
width: 1px;
height: 1px;
border-radius: 2px;
opacity: 0.8;
}
div#boat div#lego_body div#eye {
width: 81px;
height: 81px;
border-radius: 101px;
border-radius: 101px;
border-radius: 101px;
border-radius: 101px;
position: absolute;
top: 23px;
left: 22px;
background-color: #f00;
background: radial-gradient(center, ellipse cover, #000 0%, #ff3e28 71%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #000), color-stop(71%, #ff3e28));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, #000 0%, #ff3e28 71%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, #000 0%, #ff3e28 71%);
/* Opera 12+ */
background: radial-gradient(ellipse at center, #000 0%, #ff3e28 71%);
/* W3C */
box-shadow: inset 0 0 24px rgba(255,255,0,0.3), inset 6px 0 4px rgba(255,255,0,0.3);
border: 3px solid #000;
}
div#boat div#lego_body div#eye:before {
content: "";
position: absolute;
z-index: -1;
left: 4px;
top: 3px;
background-color: #000;
height: 76px;
width: 81px;
border-radius: 41px/38px;
}
div#boat div#lego_body div#eye div#eye_fur {
position: absolute;
left: 78px;
top: 30px;
z-index: -1;
}
div#boat div#lego_body div#eye div#eye_fur div.fur {
background-color: #000;
width: 8px;
height: 25px;
border-radius: 4px/12px;
position: absolute;
left: 20px;
}
div#boat div#lego_body div#eye div#eye_fur div.fur1 {
left: 0px;
top: 0px;
box-shadow: 3px -4px 6px rgba(0,0,0,0.3);
box-shadow: 3px -4px 6px rgba(0,0,0,0.3);
transform: rotate(90deg);
transform: rotate(90deg);
transform: rotate(90deg);
transform: rotate(90deg);
transform: rotate(90deg);
}
div#boat div#lego_body div#eye div#eye_fur div.fur2 {
left: 1px;
top: 2px;
box-shadow: 3px -4px 6px rgba(0,0,0,0.3);
box-shadow: 3px -4px 6px rgba(0,0,0,0.3);
transform: rotate(150deg);
transform: rotate(150deg);
transform: rotate(150deg);
transform: rotate(150deg);
transform: rotate(150deg);
}
div#boat div#lego_body div#eye div#eye_holder {
position: absolute;
width: 25px;
height: 25px;
border-radius: 45px;
border-radius: 45px;
border-radius: 45px;
border-radius: 45px;
top: 35px;
left: 27px;
z-index: 1;
}
div#boat div#lego_body div#eye div#eye_holder div#radial {
width: 20px;
height: 20px;
border-radius: 40px;
border-radius: 40px;
border-radius: 40px;
border-radius: 40px;
top: 1px;
left: 0;
position: absolute;
z-index: 1;
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 42%, rgba(0,0,0,0.65) 44%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(42%, rgba(0,0,0,0.62)), color-stop(44%, rgba(0,0,0,0.65)));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 42%, rgba(0,0,0,0.65) 44%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 42%, rgba(0,0,0,0.65) 44%);
/* Opera 12+ */
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 42%, rgba(0,0,0,0.65) 44%);
/* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 42%, rgba(0,0,0,0.65) 44%);
/* W3C */
transform: rotate(50deg);
transform: rotate(50deg);
transform: rotate(50deg);
transform: rotate(50deg);
transform: rotate(50deg);
}
div#boat div#lego_body div#eye div#eye_holder .cloud {
background: #c80000;
width: 5px;
height: 5px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
z-index: 0;
margin: 11px 9px 0 0;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
filter: alpha(opacity=35);
opacity: 0.35;
transform: rotate(10deg);
transform: rotate(10deg);
transform: rotate(10deg);
transform: rotate(10deg);
transform: rotate(10deg);
}
div#boat div#lego_body div#eye div#eye_holder .cloud:before {
background: #c80000;
content: "";
width: 3px;
height: 3px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
border-radius: 23px;
position: absolute;
margin: -3px 0 0 3px;
box-shadow: 1px 1px 0 #c80000, 3px 1px 0 #c80000, 3px 3px 0 #c80000, -6px 5px 0 #c80000, 3px -1px 0 #c80000;
box-shadow: 1px 1px 0 #c80000, 3px 1px 0 #c80000, 3px 3px 0 #c80000, -6px 5px 0 #c80000, 3px -1px 0 #c80000;
}
div#boat div#lego_body div#eye div#eye_holder .cloud:after {
background: #c80000;
content: "";
width: 5px;
height: 5px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
position: absolute;
margin: 0 0 0 3px;
}
div#boat div#lego_body div#eye div#pupil {
height: 40px;
width: 34px;
border-radius: 19px/22px;
border: 2px solid #a7370e;
background-color: #000;
margin: 20% 0 0 28%;
position: absolute;
z-index: 0;
box-shadow: 0 0 5px rgba(255,255,0,0.26);
box-shadow: 0 0 5px rgba(255,255,0,0.26);
transform: rotate(4deg);
transform: rotate(4deg);
transform: rotate(4deg);
transform: rotate(4deg);
transform: rotate(4deg);
}
div#boat div#lego_body div#eye div#pupil:after {
background-color: rgba(255,255,255,0.6);
width: 4px;
height: 4px;
border-radius: 24px;
border-radius: 24px;
border-radius: 24px;
border-radius: 24px;
position: absolute;
z-index: 10;
top: 14px;
left: 6px;
content: '';
}
div#boat div#lego_body div#eye div#pupil:before {
z-index: 1;
background-color: rgba(255,255,255,0.6);
width: 2px;
height: 2px;
border-radius: 22px;
border-radius: 22px;
border-radius: 22px;
border-radius: 22px;
position: absolute;
z-index: 20;
top: 16px;
left: 13px;
content: '';
}
div#boat div#lego_body div#eye div#pupil_glimps2 {
width: 10px;
height: 40px;
border-radius: 5px/20px;
position: absolute;
z-index: 1;
top: 26px;
left: 66px;
background-color: rgba(232,59,12,0.5);
box-shadow: 0 0 20px rgba(232,59,12,0.8);
box-shadow: 0 0 20px rgba(232,59,12,0.8);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
}
div#boat div#lego_body div#eye div#pupil_glimps2:after {
content: "";
width: 2px;
height: 15px;
border-radius: 1px/7px;
position: absolute;
z-index: 1;
top: 10px;
left: 8px;
background-color: rgba(255,255,0,0.6);
box-shadow: 0 0 30px rgba(255,255,0,0.6);
box-shadow: 0 0 30px rgba(255,255,0,0.6);
transform: rotate(-8deg);
transform: rotate(-8deg);
transform: rotate(-8deg);
transform: rotate(-8deg);
transform: rotate(-8deg);
}
div#boat div#lego_body div#eye div#pupil_glimps {
position: absolute;
z-index: 1;
margin: 9px 0 0 34%;
width: 25px;
height: 25px;
border-radius: 45px;
border-radius: 45px;
border-radius: 45px;
border-radius: 45px;
background: linear-gradient(top, rgba(255,255,255,0) 63%, #fff 100%);
/* FF3.6+ */
background: gradient(linear, left top, left bottom, color-stop(63%, rgba(255,255,255,0)), color-stop(100%, #fff));
/* Chrome,Safari4+ */
background: linear-gradient(top, rgba(255,255,255,0) 63%, #fff 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(top, rgba(255,255,255,0) 63%, #fff 100%);
/* Opera 11.10+ */
background: linear-gradient(top, rgba(255,255,255,0) 63%, #fff 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 63%, #fff 100%);
/* W3C */
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=21)";
filter: alpha(opacity=21);
opacity: 0.21;
transform: rotate(-20deg);
transform: rotate(-20deg);
transform: rotate(-20deg);
transform: rotate(-20deg);
transform: rotate(-20deg);
}
div#boat div#lego_body div#eye div#pupil_glimps:after {
content: '';
position: absolute;
left: -15px;
top: -3px;
width: 45px;
height: 45px;
border-radius: 65px;
border-radius: 65px;
border-radius: 65px;
border-radius: 65px;
background: linear-gradient(top, #fff 0%, rgba(255,255,255,0) 44%);
/* FF3.6+ */
background: gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(44%, rgba(255,255,255,0)));
/* Chrome,Safari4+ */
background: linear-gradient(top, #fff 0%, rgba(255,255,255,0) 44%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #fff 0%, rgba(255,255,255,0) 44%);
/* Opera 11.10+ */
background: linear-gradient(top, #fff 0%, rgba(255,255,255,0) 44%);
/* IE10+ */
background: linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 44%);
/* W3C */
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
transform: rotate(-10deg);
transform: rotate(-10deg);
transform: rotate(-10deg);
transform: rotate(-10deg);
transform: rotate(-10deg);
}
div#boat div#lego_body div#eye div#pupil_glimps:before {
content: '';
position: absolute;
z-index: 1;
left: -33px;
top: 36px;
width: 32px;
height: 23px;
border-radius: 16px/12px;
background: radial-gradient(center, ellipse cover, #f80 0%, rgba(255,255,255,0) 56%);
/* FF3.6+ */
background: gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f80), color-stop(56%, rgba(255,255,255,0)));
/* Chrome,Safari4+ */
background: radial-gradient(center, ellipse cover, #f80 0%, rgba(255,255,255,0) 56%);
/* Chrome10+,Safari5.1+ */
background: radial-gradient(center, ellipse cover, #f80 0%, rgba(255,255,255,0) 56%);
/* Opera 12+ */
background: radial-gradient(center, ellipse cover, #f80 0%, rgba(255,255,255,0) 56%);
/* IE10+ */
background: radial-gradient(ellipse at center, #f80 0%, rgba(255,255,255,0) 56%);
/* W3C */
transform: rotate(68deg);
transform: rotate(68deg);
transform: rotate(68deg);
transform: rotate(68deg);
transform: rotate(68deg);
}
div#footer {
height: 400px;
width: 100%;
position: absolute;
bottom: -100px;
}
div#water1,
div#water2,
div#water3 {
height: 310px;
position: absolute;
top: 510px;
width: 100%;
animation: water1 5s linear infinite;
animation: water1 5s linear infinite;
}
div#water1 div#water1_1,
div#water2 div#water1_1,
div#water3 div#water1_1,
div#water1 div#water1_2,
div#water2 div#water1_2,
div#water3 div#water1_2,
div#water1 div#water1_3,
div#water2 div#water1_3,
div#water3 div#water1_3,
div#water1 div#water1_4,
div#water2 div#water1_4,
div#water3 div#water1_4,
div#water1 div#water1_5,
div#water2 div#water1_5,
div#water3 div#water1_5,
div#water1 div#water1_6,
div#water2 div#water1_6,
div#water3 div#water1_6,
div#water1 div#water1_7,
div#water2 div#water1_7,
div#water3 div#water1_7,
div#water1 div#water1_8,
div#water2 div#water1_8,
div#water3 div#water1_8,
div#water1 div#water1_9,
div#water2 div#water1_9,
div#water3 div#water1_9,
div#water1 div#water1_10,
div#water2 div#water1_10,
div#water3 div#water1_10,
div#water1 div#water1_11,
div#water2 div#water1_11,
div#water3 div#water1_11,
div#water1 div#water1_12,
div#water2 div#water1_12,
div#water3 div#water1_12 {
width: 80px;
height: 80px;
border-radius: 100px;
border-radius: 100px;
border-radius: 100px;
border-radius: 100px;
background-color: #01a0db;
position: absolute;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
div#water1 div#water1_1:before,
div#water2 div#water1_1:before,
div#water3 div#water1_1:before,
div#water1 div#water1_2:before,
div#water2 div#water1_2:before,
div#water3 div#water1_2:before,
div#water1 div#water1_3:before,
div#water2 div#water1_3:before,
div#water3 div#water1_3:before,
div#water1 div#water1_4:before,
div#water2 div#water1_4:before,
div#water3 div#water1_4:before,
div#water1 div#water1_5:before,
div#water2 div#water1_5:before,
div#water3 div#water1_5:before,
div#water1 div#water1_6:before,
div#water2 div#water1_6:before,
div#water3 div#water1_6:before,
div#water1 div#water1_7:before,
div#water2 div#water1_7:before,
div#water3 div#water1_7:before,
div#water1 div#water1_8:before,
div#water2 div#water1_8:before,
div#water3 div#water1_8:before,
div#water1 div#water1_9:before,
div#water2 div#water1_9:before,
div#water3 div#water1_9:before,
div#water1 div#water1_10:before,
div#water2 div#water1_10:before,
div#water3 div#water1_10:before,
div#water1 div#water1_11:before,
div#water2 div#water1_11:before,
div#water3 div#water1_11:before,
div#water1 div#water1_12:before,
div#water2 div#water1_12:before,
div#water3 div#water1_12:before {
content: "";
width: 80px;
height: 80px;
border-radius: 100px;
border-radius: 100px;
border-radius: 100px;
border-radius: 100px;
background-color: #01a0db;
position: absolute;
bottom: 0;
left: -80px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
div#water1 div#water1_1:after,
div#water2 div#water1_1:after,
div#water3 div#water1_1:after,
div#water1 div#water1_2:after,
div#water2 div#water1_2:after,
div#water3 div#water1_2:after,
div#water1 div#water1_3:after,
div#water2 div#water1_3:after,
div#water3 div#water1_3:after,
div#water1 div#water1_4:after,
div#water2 div#water1_4:after,
div#water3 div#water1_4:after,
div#water1 div#water1_5:after,
div#water2 div#water1_5:after,
div#water3 div#water1_5:after,
div#water1 div#water1_6:after,
div#water2 div#water1_6:after,
div#water3 div#water1_6:after,
div#water1 div#water1_7:after,
div#water2 div#water1_7:after,
div#water3 div#water1_7:after,
div#water1 div#water1_8:after,
div#water2 div#water1_8:after,
div#water3 div#water1_8:after,
div#water1 div#water1_9:after,
div#water2 div#water1_9:after,
div#water3 div#water1_9:after,
div#water1 div#water1_10:after,
div#water2 div#water1_10:after,
div#water3 div#water1_10:after,
div#water1 div#water1_11:after,
div#water2 div#water1_11:after,
div#water3 div#water1_11:after,
div#water1 div#water1_12:after,
div#water2 div#water1_12:after,
div#water3 div#water1_12:after {
content: "";
width: 80px;
height: 80px;
border-radius: 100px;
border-radius: 100px;
border-radius: 100px;
border-radius: 100px;
background-color: #01a0db;
position: absolute;
bottom: 0;
left: 80px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
div#water1 div#water1_1,
div#water2 div#water1_1,
div#water3 div#water1_1 {
top: 0;
left: 80px;
}
div#water1 div#water1_2,
div#water2 div#water1_2,
div#water3 div#water1_2 {
top: 0;
left: 320px;
}
div#water1 div#water1_3,
div#water2 div#water1_3,
div#water3 div#water1_3 {
top: 0;
left: 560px;
}
div#water1 div#water1_4,
div#water2 div#water1_4,
div#water3 div#water1_4 {
top: 0;
left: 800px;
}
div#water1 div#water1_5,
div#water2 div#water1_5,
div#water3 div#water1_5 {
top: 0;
left: 1040px;
}
div#water1 div#water1_6,
div#water2 div#water1_6,
div#water3 div#water1_6 {
top: 0;
left: 1280px;
}
div#water1 div#water1_7,
div#water2 div#water1_7,
div#water3 div#water1_7 {
top: 0;
left: 1520px;
}
div#water1 div#water1_8,
div#water2 div#water1_8,
div#water3 div#water1_8 {
top: 0;
left: 1760px;
}
div#water1 div#water1_9,
div#water2 div#water1_9,
div#water3 div#water1_9 {
top: 0;
left: 2000px;
}
div#water1 div#water1_10,
div#water2 div#water1_10,
div#water3 div#water1_10 {
top: 0;
left: 2240px;
}
div#water1 div#water1_11,
div#water2 div#water1_11,
div#water3 div#water1_11 {
top: 0;
left: 2480px;
}
div#water1 div#water1_12,
div#water2 div#water1_12,
div#water3 div#water1_12 {
top: 0;
left: 2720px;
}
div#water1 div#frontground,
div#water2 div#frontground,
div#water3 div#frontground {
width: 200%;
height: 480px;
background-color: #01a0db;
position: absolute;
top: 40px;
left: 0px;
}
div#water1 {
z-index: 10;
}
div#water2 {
z-index: 11;
top: 560px;
animation: water2 5s ease-out infinite;
animation: water2 5s ease-out infinite;
}
div#water2 div#water1_1,
div#water2 div#water1_2,
div#water2 div#water1_3,
div#water2 div#water1_4,
div#water2 div#water1_5,
div#water2 div#water1_6,
div#water2 div#water1_7,
div#water2 div#water1_8,
div#water2 div#water1_9,
div#water2 div#water1_10,
div#water2 div#water1_11,
div#water2 div#water1_12 {
background-color: #0ebeff;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
div#water2 div#water1_1:after,
div#water2 div#water1_2:after,
div#water2 div#water1_3:after,
div#water2 div#water1_4:after,
div#water2 div#water1_5:after,
div#water2 div#water1_6:after,
div#water2 div#water1_7:after,
div#water2 div#water1_8:after,
div#water2 div#water1_9:after,
div#water2 div#water1_10:after,
div#water2 div#water1_11:after,
div#water2 div#water1_12:after,
div#water2 div#water1_1:before,
div#water2 div#water1_2:before,
div#water2 div#water1_3:before,
div#water2 div#water1_4:before,
div#water2 div#water1_5:before,
div#water2 div#water1_6:before,
div#water2 div#water1_7:before,
div#water2 div#water1_8:before,
div#water2 div#water1_9:before,
div#water2 div#water1_10:before,
div#water2 div#water1_11:before,
div#water2 div#water1_12:before {
background-color: #0ebeff;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
div#water2 div#frontground {
background-color: #0ebeff;
}
div#water3 {
z-index: 13;
top: 610px;
animation: water3 5s ease-out infinite;
animation: water3 5s ease-out infinite;
}
div#water3 div#water1_1,
div#water3 div#water1_2,
div#water3 div#water1_3,
div#water3 div#water1_4,
div#water3 div#water1_5,
div#water3 div#water1_6,
div#water3 div#water1_7,
div#water3 div#water1_8,
div#water3 div#water1_9,
div#water3 div#water1_10,
div#water3 div#water1_11,
div#water3 div#water1_12 {
background-color: #48cdfd;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
div#water3 div#water1_1:after,
div#water3 div#water1_2:after,
div#water3 div#water1_3:after,
div#water3 div#water1_4:after,
div#water3 div#water1_5:after,
div#water3 div#water1_6:after,
div#water3 div#water1_7:after,
div#water3 div#water1_8:after,
div#water3 div#water1_9:after,
div#water3 div#water1_10:after,
div#water3 div#water1_11:after,
div#water3 div#water1_12:after,
div#water3 div#water1_1:before,
div#water3 div#water1_2:before,
div#water3 div#water1_3:before,
div#water3 div#water1_4:before,
div#water3 div#water1_5:before,
div#water3 div#water1_6:before,
div#water3 div#water1_7:before,
div#water3 div#water1_8:before,
div#water3 div#water1_9:before,
div#water3 div#water1_10:before,
div#water3 div#water1_11:before,
div#water3 div#water1_12:before {
background-color: #48cdfd;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
div#water3 div#frontground {
background-color: #48cdfd;
}
div#fish {
position: absolute;
z-index: 1000000;
right: 0px;
top: 0px;
width: 100px;
height: 100px;
}
div#fish div#flippers {
position: absolute;
z-index: 3;
top: 40px;
left: 27px;
height: 9px;
width: 2px;
border-radius: 1px/5px;
background-color: #ff0;
transform: rotate(-32deg);
transform: rotate(-32deg);
transform: rotate(-32deg);
transform: rotate(-32deg);
transform: rotate(-32deg);
}
div#fish div#flippers:after {
content: "";
position: absolute;
top: 1px;
left: 10px;
height: 16px;
width: 3px;
border-radius: 2px/8px;
background-color: #ff0;
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
transform: rotate(-13deg);
}
div#fish div#left_eye {
position: absolute;
z-index: 2;
top: 24px;
left: 8px;
width: 5px;
height: 5px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
border-radius: 25px;
background-color: #fff;
}
div#fish div#left_eye:before {
content: "";
position: absolute;
top: 1px;
left: -1px;
width: 14px;
height: 8px;
border-radius: 7px/4px;
border-bottom: 1px solid #ed4d4c;
}
div#fish div#left_eye:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: 2px;
height: 2px;
border-radius: 22px;
border-radius: 22px;
border-radius: 22px;
border-radius: 22px;
background-color: #000;
}
div#fish div#right_eye {
position: absolute;
z-index: 2;
top: 23px;
left: 14px;
width: 6px;
height: 6px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
border-radius: 26px;
background-color: #fff;
}
div#fish div#right_eye:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: 2px;
height: 2px;
border-radius: 22px;
border-radius: 22px;
border-radius: 22px;
border-radius: 22px;
background-color: #000;
}
div#fish div#body3 {
position: absolute;
z-index: -1;
top: 24px;
left: 2px;
width: 16px;
height: 10px;
border-radius: 8px/5px;
background-color: #ff7c65;
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
transform: rotate(40deg);
}
div#fish div#body3:before {
content: "";
position: absolute;
top: -21px;
left: 35px;
width: 10px;
height: 10px;
border-radius: 30px;
border-radius: 30px;
border-radius: 30px;
border-radius: 30px;
background-color: #ff0;
}
div#fish div#body2 {
position: absolute;
top: 16px;
left: 4px;
height: 13px;
width: 52px;
overflow: hidden;
}
div#fish div#body2:before {
content: "";
position: absolute;
top: 3px;
left: 14px;
width: 30px;
height: 30px;
border-radius: 50px;
border-radius: 50px;
border-radius: 50px;
border-radius: 50px;
background-color: #ff0;
}
div#fish div#body2:after {
content: "";
position: absolute;
top: 5px;
left: -15px;
width: 80px;
height: 40px;
border-radius: 40px/20px;
background-color: #ff7c65;
transform: rotate(7deg);
transform: rotate(7deg);
transform: rotate(7deg);
transform: rotate(7deg);
transform: rotate(7deg);
}
div#fish div#body {
position: absolute;
top: 29px;
left: 5px;
height: 13px;
width: 52px;
overflow: hidden;
}
div#fish div#body:before {
content: "";
position: absolute;
top: -59px;
left: -7px;
width: 70px;
height: 70px;
border-radius: 90px;
border-radius: 90px;
border-radius: 90px;
border-radius: 90px;
background-color: #ff7c65;
}
div#fish div#body:after {
content: "";
position: absolute;
top: -39px;
left: -5px;
width: 50px;
height: 50px;
border-radius: 70px;
border-radius: 70px;
border-radius: 70px;
border-radius: 70px;
background-color: #ff7c65;
}
div#fish div#tale {
position: absolute;
top: 19px;
left: 63px;
height: 20px;
width: 20px;
overflow: hidden;
transform: rotate(38deg) skewX(-16deg);
transform: rotate(38deg) skewX(-16deg);
transform: rotate(38deg) skewX(-16deg);
transform: rotate(38deg) skewX(-16deg);
transform: rotate(38deg) skewX(-16deg);
}
div#fish div#tale:before {
content: "";
position: absolute;
top: 0px;
left: -17px;
height: 30px;
width: 20px;
border-radius: 10px/15px;
background-color: #ff0;
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
transform: rotate(20deg);
}
div#fish div#tale:after {
content: "";
position: absolute;
top: 12px;
left: -6px;
height: 30px;
width: 20px;
border-radius: 10px/15px;
background-color: #ff0;
transform: rotate(66deg);
transform: rotate(66deg);
transform: rotate(66deg);
transform: rotate(66deg);
transform: rotate(66deg);
}
div#fish_holder {
position: absolute;
z-index: 13;
right: 0px;
top: 510px;
animation: fish_holder 20s linear infinite;
animation: fish_holder 20s linear infinite;
animation: fish_holder 20s linear infinite;
animation: fish_holder 20s linear infinite;
}
div#fish_holder div#fish {
transform-origin: 50% 280px;
transform-origin: 50% 280px;
transform-origin: 50% 280px;
transform-origin: 50% 280px;
transform-origin: 50% 280px;
animation: fish 10s linear infinite;
animation: fish 10s linear infinite;
animation: fish 10s linear infinite;
animation: fish 10s linear infinite;
}
div#fish_holder2 {
position: absolute;
z-index: 11;
right: -200px;
top: 470px;
animation: fish_holder 24s linear infinite;
animation: fish_holder 24s linear infinite;
animation: fish_holder 24s linear infinite;
animation: fish_holder 24s linear infinite;
}
div#fish_holder2 div#fish {
transform-origin: 50% 240px;
transform-origin: 50% 240px;
transform-origin: 50% 240px;
transform-origin: 50% 240px;
transform-origin: 50% 240px;
animation: fish2 6s linear infinite;
animation: fish2 6s linear infinite;
animation: fish2 6s linear infinite;
animation: fish2 6s linear infinite;
}
@media all and (min-width: 1700px) and (max-width: 2700px) {
div#fish_holder {
animation: fish_holder_2900 20s linear infinite;
animation: fish_holder_2900 20s linear infinite;
animation: fish_holder_2900 20s linear infinite;
animation: fish_holder_2900 20s linear infinite;
}
div#fish_holder2 {
animation: fish_holder_2900 24s linear infinite;
animation: fish_holder_2900 24s linear infinite;
animation: fish_holder_2900 24s linear infinite;
animation: fish_holder_2900 24s linear infinite;
}
}
@media all and (min-width: 1401px) and (max-width: 1500px) {
div#fish_holder {
animation: fish_holder_1500 20s linear infinite;
animation: fish_holder_1500 20s linear infinite;
animation: fish_holder_1500 20s linear infinite;
animation: fish_holder_1500 20s linear infinite;
}
div#fish_holder2 {
animation: fish_holder_1500 24s linear infinite;
animation: fish_holder_1500 24s linear infinite;
animation: fish_holder_1500 24s linear infinite;
animation: fish_holder_1500 24s linear infinite;
}
}
@media all and (min-width: 1301px) and (max-width: 1400px) {
div#fish_holder {
animation: fish_holder_1400 20s linear infinite;
animation: fish_holder_1400 20s linear infinite;
animation: fish_holder_1400 20s linear infinite;
animation: fish_holder_1400 20s linear infinite;
}
div#fish_holder2 {
animation: fish_holder_1400 24s linear infinite;
animation: fish_holder_1400 24s linear infinite;
animation: fish_holder_1400 24s linear infinite;
animation: fish_holder_1400 24s linear infinite;
}
}
@media all and (min-width: 1200px) and (max-width: 1300px) {
div#fish_holder {
animation: fish_holder_1300 20s linear infinite;
animation: fish_holder_1300 20s linear infinite;
animation: fish_holder_1300 20s linear infinite;
animation: fish_holder_1300 20s linear infinite;
}
div#fish_holder2 {
animation: fish_holder_1300 24s linear infinite;
animation: fish_holder_1300 24s linear infinite;
animation: fish_holder_1300 24s linear infinite;
animation: fish_holder_1300 24s linear infinite;
}
}
@media all and (min-width: 1000px) and (max-width: 1100px) {
div#fish_holder {
animation: fish_holder_1100 20s linear infinite;
animation: fish_holder_1100 20s linear infinite;
animation: fish_holder_1100 20s linear infinite;
animation: fish_holder_1100 20s linear infinite;
}
div#fish_holder2 {
animation: fish_holder_1100 24s linear infinite;
animation: fish_holder_1100 24s linear infinite;
animation: fish_holder_1100 24s linear infinite;
animation: fish_holder_1100 24s linear infinite;
}
}
@media all and (min-width: 701px) and (max-width: 900px) {
div#fish_holder {
animation: fish_holder_900 20s linear infinite;
animation: fish_holder_900 20s linear infinite;
animation: fish_holder_900 20s linear infinite;
animation: fish_holder_900 20s linear infinite;
}
div#fish_holder2 {
animation: fish_holder_900 24s linear infinite;
animation: fish_holder_900 24s linear infinite;
animation: fish_holder_900 24s linear infinite;
animation: fish_holder_900 24s linear infinite;
}
}
@media all and (min-width: 600px) and (max-width: 700px) {
div#fish_holder {
animation: fish_holder_700 20s linear infinite;
animation: fish_holder_700 20s linear infinite;
animation: fish_holder_700 20s linear infinite;
animation: fish_holder_700 20s linear infinite;
}
div#fish_holder2 {
animation: fish_holder_700 24s linear infinite;
animation: fish_holder_700 24s linear infinite;
animation: fish_holder_700 24s linear infinite;
animation: fish_holder_700 24s linear infinite;
}
}
div#graphics {
position: fixed;
z-index: 0;
opacity: 0;
top: 6%;
left: 24%;
max-width: 50%;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
margin: 0 auto;
transition: all 0.2s linear;
transition: all 0.2s linear;
transition: all 0.2s linear;
transition: all 0.2s linear;
transition: all 0.2s linear;
/* NEW EXPERIMENT */
/* Slider Setup */
/* Slider Styling */
/* Control Setup */
/* Info Box */
/* Slider Styling */
/* Animation */
/* Respond Options */
}
div#graphics div#social_panel {
width: 93%;
margin: 40px 20px 100px 20px;
}
div#graphics div#social_panel a {
display: block;
text-align: center;
text-decoration: none;
font-size: 40px;
color: #333;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
margin: 0;
width: 100%;
font-family: monospace;
clear: both;
}
div#graphics h1 {
margin: 35px 0 5px;
font-size: 26px;
font-weight: normal;
}
div#graphics h2 {
margin: 40px 0 25px;
border-bottom: 1px solid #bbb;
padding: 0 0 10px;
}
div#graphics p {
margin: 0 0 16px;
}
div#graphics strong {
font-weight: bold;
}
div#graphics label {
color: #008080;
cursor: pointer;
text-decoration: none;
}
div#graphics label:hover,
div#graphics a:hover {
color: #000 !important;
}
div#graphics * {
box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
}
div#graphics label,
div#graphics #active,
div#graphics img {
user-select: none;
user-select: none;
}
div#graphics .catch {
display: block;
height: 0;
overflow: hidden;
}
div#graphics #description {
margin: 25px auto;
text-align: left;
max-width: 650px;
padding: 0 25px;
}
div#graphics .respond {
margin: 0 auto;
max-width: 370px;
}
div#graphics input {
display: none;
}
div#graphics #slide1:checked ~ #slides .inner {
margin-left: 0;
}
div#graphics #slide2:checked ~ #slides .inner {
margin-left: -100%;
}
div#graphics #slide3:checked ~ #slides .inner {
margin-left: -200%;
}
div#graphics #slide4:checked ~ #slides .inner {
margin-left: -300%;
}
div#graphics #slide5:checked ~ #slides .inner {
margin-left: -400%;
}
div#graphics #slide6:checked ~ #slides .inner {
margin-left: -500%;
}
div#graphics #slide7:checked ~ #slides .inner {
margin-left: -600%;
}
div#graphics #slide8:checked ~ #slides .inner {
margin-left: -700%;
}
div#graphics #slide9:checked ~ #slides .inner {
margin-left: -800%;
}
div#graphics #slide10:checked ~ #slides .inner {
margin-left: -900%;
}
div#graphics #slide11:checked ~ #slides .inner {
margin-left: -1000%;
}
div#graphics #slide12:checked ~ #slides .inner {
margin-left: -1100%;
}
div#graphics #slide13:checked ~ #slides .inner {
margin-left: -1200%;
}
div#graphics #slide14:checked ~ #slides .inner {
margin-left: -1300%;
}
div#graphics #slide15:checked ~ #slides .inner {
margin-left: -1400%;
}
div#graphics #slide16:checked ~ #slides .inner {
margin-left: -1500%;
}
div#graphics #overflow {
width: 100%;
overflow: hidden;
}
div#graphics article img {
width: 100%;
}
div#graphics #slides .inner {
width: 1600%;
line-height: 0;
}
div#graphics #slides article {
width: 6.25%;
float: left;
}
div#graphics #controls {
margin: -25% 0 0 0;
width: 100%;
height: 50px;
}
div#graphics #controls label {
display: none;
width: 50px;
height: 50px;
opacity: 0.3;
}
div#graphics #active {
margin: 22% 0 0;
text-align: center;
cursor: default;
}
div#graphics #active label {
border-radius: 15px;
border-radius: 15px;
border-radius: 15px;
display: inline-block;
width: 15px;
height: 15px;
background: #fff;
margin-right: 5px;
box-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#graphics #active label:hover {
background: #fdc;
}
div#graphics #controls label:hover {
opacity: 0.8;
}
div#graphics #slide1:checked ~ #controls label:nth-child(2),
div#graphics #slide2:checked ~ #controls label:nth-child(3),
div#graphics #slide3:checked ~ #controls label:nth-child(4),
div#graphics #slide4:checked ~ #controls label:nth-child(5),
div#graphics #slide5:checked ~ #controls label:nth-child(6),
div#graphics #slide6:checked ~ #controls label:nth-child(7),
div#graphics #slide7:checked ~ #controls label:nth-child(8),
div#graphics #slide8:checked ~ #controls label:nth-child(9),
div#graphics #slide9:checked ~ #controls label:nth-child(10),
div#graphics #slide10:checked ~ #controls label:nth-child(11),
div#graphics #slide11:checked ~ #controls label:nth-child(12),
div#graphics #slide12:checked ~ #controls label:nth-child(13),
div#graphics #slide13:checked ~ #controls label:nth-child(14),
div#graphics #slide14:checked ~ #controls label:nth-child(15),
div#graphics #slide15:checked ~ #controls label:nth-child(16) {
background-color: #fff;
border: 6px solid #fff;
box-shadow: 0 0 5px #000;
border-radius: 5px;
float: right;
margin: 0 -70px 0 0;
display: block;
opacity: 1 !important;
box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#graphics #slide1:checked ~ #controls label:nth-child(2):after,
div#graphics #slide2:checked ~ #controls label:nth-child(3):after,
div#graphics #slide3:checked ~ #controls label:nth-child(4):after,
div#graphics #slide4:checked ~ #controls label:nth-child(5):after,
div#graphics #slide5:checked ~ #controls label:nth-child(6):after,
div#graphics #slide6:checked ~ #controls label:nth-child(7):after,
div#graphics #slide7:checked ~ #controls label:nth-child(8):after,
div#graphics #slide8:checked ~ #controls label:nth-child(9):after,
div#graphics #slide9:checked ~ #controls label:nth-child(10):after,
div#graphics #slide10:checked ~ #controls label:nth-child(11):after,
div#graphics #slide11:checked ~ #controls label:nth-child(12):after,
div#graphics #slide12:checked ~ #controls label:nth-child(13):after,
div#graphics #slide13:checked ~ #controls label:nth-child(14):after,
div#graphics #slide14:checked ~ #controls label:nth-child(15):after,
div#graphics #slide15:checked ~ #controls label:nth-child(16):after {
content: ">";
font-family: monospace;
color: #ffa996;
font-size: 40px;
line-height: 32px;
text-align: center;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#graphics #slide1:checked ~ #controls label:nth-child(16),
div#graphics #slide2:checked ~ #controls label:nth-child(1),
div#graphics #slide3:checked ~ #controls label:nth-child(2),
div#graphics #slide4:checked ~ #controls label:nth-child(3),
div#graphics #slide5:checked ~ #controls label:nth-child(4),
div#graphics #slide6:checked ~ #controls label:nth-child(5),
div#graphics #slide7:checked ~ #controls label:nth-child(6),
div#graphics #slide8:checked ~ #controls label:nth-child(7),
div#graphics #slide9:checked ~ #controls label:nth-child(8),
div#graphics #slide10:checked ~ #controls label:nth-child(9),
div#graphics #slide11:checked ~ #controls label:nth-child(10),
div#graphics #slide12:checked ~ #controls label:nth-child(11),
div#graphics #slide13:checked ~ #controls label:nth-child(12),
div#graphics #slide14:checked ~ #controls label:nth-child(13),
div#graphics #slide15:checked ~ #controls label:nth-child(14),
div#graphics #slide16:checked ~ #controls label:nth-child(15) {
background-color: #fff;
border: 6px solid #fff;
box-shadow: 0 0 5px #000;
border-radius: 5px;
float: left;
margin: 0 0 0 -70px;
display: block;
opacity: 1 !important;
box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#graphics #slide1:checked ~ #controls label:nth-child(16):after,
div#graphics #slide2:checked ~ #controls label:nth-child(1):after,
div#graphics #slide3:checked ~ #controls label:nth-child(2):after,
div#graphics #slide4:checked ~ #controls label:nth-child(3):after,
div#graphics #slide5:checked ~ #controls label:nth-child(4):after,
div#graphics #slide6:checked ~ #controls label:nth-child(5):after,
div#graphics #slide7:checked ~ #controls label:nth-child(6):after,
div#graphics #slide8:checked ~ #controls label:nth-child(7):after,
div#graphics #slide9:checked ~ #controls label:nth-child(8):after,
div#graphics #slide10:checked ~ #controls label:nth-child(9):after,
div#graphics #slide11:checked ~ #controls label:nth-child(10):after,
div#graphics #slide12:checked ~ #controls label:nth-child(11):after,
div#graphics #slide13:checked ~ #controls label:nth-child(12):after,
div#graphics #slide14:checked ~ #controls label:nth-child(13):after,
div#graphics #slide15:checked ~ #controls label:nth-child(14):after,
div#graphics #slide16:checked ~ #controls label:nth-child(15):after {
content: "<";
font-family: monospace;
color: #ffa996;
font-size: 40px;
line-height: 32px;
text-align: center;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#graphics #slide1:checked ~ #active label:nth-child(1),
div#graphics #slide2:checked ~ #active label:nth-child(2),
div#graphics #slide3:checked ~ #active label:nth-child(3),
div#graphics #slide4:checked ~ #active label:nth-child(4),
div#graphics #slide5:checked ~ #active label:nth-child(5),
div#graphics #slide6:checked ~ #active label:nth-child(6),
div#graphics #slide7:checked ~ #active label:nth-child(7),
div#graphics #slide8:checked ~ #active label:nth-child(8),
div#graphics #slide9:checked ~ #active label:nth-child(9),
div#graphics #slide10:checked ~ #active label:nth-child(10),
div#graphics #slide11:checked ~ #active label:nth-child(11),
div#graphics #slide12:checked ~ #active label:nth-child(12),
div#graphics #slide13:checked ~ #active label:nth-child(13),
div#graphics #slide14:checked ~ #active label:nth-child(14),
div#graphics #slide15:checked ~ #active label:nth-child(15),
div#graphics #slide15:checked ~ #active label:nth-child(16) {
background: #e59987;
}
div#graphics article:hover .info {
opacity: 1 !important;
transition: all 0.2s linear;
}
div#graphics .info {
line-height: 20px;
margin: 0 0 150%;
position: absolute;
padding: 20px 20px;
opacity: 0;
color: #000;
text-align: left;
background-color: rgba(0,0,0,0.2);
width: 100%;
opacity: 0 !important;
}
div#graphics .info h3 {
color: #fff;
margin: 0 0 5px;
font-weight: bold;
font-family: monospace;
font-style: normal;
font-size: 16px;
}
div#graphics #slides {
margin: 45px 0 0;
border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 1px 4px #666;
padding: 1%;
background-color: #fff;
box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#graphics #slides .inner {
transform: translateZ(0);
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
/* easeInOutQuart */
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
/* easeInOutQuart */
}
div#graphics #slider {
transform: translateZ(0);
transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
div#graphics #controls label {
transform: translateZ(0);
transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
div#graphics #slide1:checked ~ #slides article:nth-child(2) .info,
div#graphics #slide2:checked ~ #slides article:nth-child(3) .info,
div#graphics #slide3:checked ~ #slides article:nth-child(4) .info,
div#graphics #slide4:checked ~ #slides article:nth-child(5) .info,
div#graphics #slide5:checked ~ #slides article:nth-child(6) .info,
div#graphics #slide6:checked ~ #slides article:nth-child(7) .info,
div#graphics #slide7:checked ~ #slides article:nth-child(8) .info,
div#graphics #slide8:checked ~ #slides article:nth-child(9) .info,
div#graphics #slide9:checked ~ #slides article:nth-child(10) .info,
div#graphics #slide10:checked ~ #slides article:nth-child(11) .info,
div#graphics #slide11:checked ~ #slides article:nth-child(12) .info,
div#graphics #slide12:checked ~ #slides article:nth-child(13) .info,
div#graphics #slide13:checked ~ #slides article:nth-child(14) .info,
div#graphics #slide14:checked ~ #slides article:nth-child(15) .info,
div#graphics #slide15:checked ~ #slides article:nth-child(16) .info,
div#graphics #slide16:checked ~ #slides article:nth-child(1) .info {
opacity: 1;
transition: all 1s ease-out 0.6s;
transition: all 1s ease-out 0.6s;
transition: all 1s ease-out 0.6s;
transition: all 1s ease-out 0.6s;
}
div#graphics .info,
div#graphics #controls,
div#graphics #slides,
div#graphics #active,
div#graphics #active label,
div#graphics .info h3,
div#graphics .desktop,
div#graphics .tablet,
div#graphics .mobile {
transform: translateZ(0);
transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
div#graphics #desktop:checked ~ #slider {
max-width: 960px;
}
div#graphics #tablet:checked ~ #slider {
max-width: 850px;
}
div#graphics #mobile:checked ~ #slider {
max-width: 450px;
}
div#graphics #desktop:checked ~ #slider .desktop,
div#graphics #tablet:checked ~ #slider .tablet,
div#graphics #mobile:checked ~ #slider .mobile {
color: #777;
opacity: 1;
}
div#graphics .desktop,
div#graphics .tablet,
div#graphics .mobile {
display: inline-block;
width: 60px;
height: 60px;
padding-top: 50px;
opacity: 0.35;
font-size: 12px;
}
div#graphics #mobile:checked ~ #slider #controls {
margin: -28% 0 0 24%;
width: 50%;
height: 50px;
}
div#graphics #mobile:checked ~ #slider #active {
margin: 23% 0 0;
}
div#graphics #mobile:checked ~ #slider #slides .info {
opacity: 0 !important;
}
div#graphics #mobile:checked ~ #slider #controls label {
transform: scale(0.6);
transform: scale(0.6);
transform: scale(0.6);
transform: scale(0.6);
transform: scale(0.6);
}
div#graphics_back {
position: fixed;
z-index: 0;
opacity: 0;
width: 100%;
height: 100%;
background: #fdc;
background: linear-gradient(0deg, #fed 50%, #fdc 50%);
background: linear-gradient(0deg, #fed 50%, #fdc 50%);
background: gradient(linear, left top, right top, color-stop(50%, #fed), color-stop(50%, #fdc));
background-size: 100px;
background-size: 100px;
background-size: 100px;
transition: all 0.2s linear;
transition: all 0.2s linear;
transition: all 0.2s linear;
transition: all 0.2s linear;
transition: all 0.2s linear;
}
div#graphics_back div#gradient {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
div#graphics_back div#close {
position: fixed;
top: -7px;
left: 47%;
width: 40px;
height: 40px;
background-color: #fff;
border: 6px solid #fff;
box-shadow: 0 0 10px #ccc;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#graphics_back div#close:before {
content: "\D7";
display: block;
text-align: center;
width: 32px;
position: absolute;
top: -3.2px;
left: 4px;
line-height: 44px;
font-size: 32px;
font-weight: bold;
font-family: monospace;
color: #ffa996;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#coding {
position: fixed;
width: 100%;
height: 100%;
background-color: #272822;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
z-index: 0;
overflow-y: auto;
overflow-x: hidden;
font-size: 16px;
font-weight: bold;
font-family: monospace;
color: #fff;
transition: all 0.2s linear;
transition: all 0.2s linear;
transition: all 0.2s linear;
transition: all 0.2s linear;
transition: all 0.2s linear;
}
div#coding div#close {
position: fixed;
top: -5px;
left: 44%;
width: 40px;
height: 40px;
background-color: #fff;
border: 4px solid #fff;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#coding div#close:before {
content: "\D7";
display: block;
text-align: center;
width: 32px;
position: absolute;
top: -3.2px;
left: 4px;
line-height: 44px;
font-size: 32px;
font-weight: bold;
font-family: monospace;
color: #272822;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#coding a {
text-decoration: none;
font-size: 16px;
}
div#coding a:hover {
color: #a6e22d !important;
}
div#coding g {
font-size: 16px;
font-family: monospace;
}
div#coding #class {
color: #66d9ef;
}
div#coding #comm {
color: #75715e;
}
div#coding #fun {
color: #a6e22d;
}
div#coding #pun {
color: #f92772;
}
div#coding #pren {
color: #fd9720;
}
div#coding #text {
color: #e6db74;
}
div#coding #slash {
color: #ae81ff;
}
input#coding_launcher {
position: absolute;
z-index: 15;
cursor: pointer;
width: 100px;
height: 40px;
top: 186px;
right: 136px;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border: 1px solid #f00;
}
input#graphics_launcher {
position: absolute;
z-index: 15;
cursor: pointer;
width: 130px;
height: 40px;
top: 220px;
right: 220px;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border: 1px solid #f00;
}
input#graphics_launcher:checked {
position: fixed;
z-index: 21;
cursor: pointer;
width: 60px;
height: 40px;
top: 0px;
left: 46%;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
input#coding_launcher:checked {
position: fixed;
z-index: 21;
cursor: pointer;
width: 100px;
height: 40px;
top: 0px;
left: 44%;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
input#graphics_launcher:checked ~ div#graphics,
input#graphics_launcher:checked ~ div#graphics_back {
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
z-index: 20;
transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
input#coding_launcher:checked ~ div#coding {
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
z-index: 20;
transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
a#layout:hover ~ div#tiny_clouds {
right: 248px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
input#coding_launcher:hover ~ div#tiny_clouds {
right: 140px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
input#graphics_launcher:hover ~ div#tiny_clouds {
right: 264px;
top: 222px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
div#tiny_clouds {
background: #fff;
height: 35px;
width: 90px;
border-radius: 18px;
position: absolute;
z-index: 13;
top: 184px;
right: -140px;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
filter: alpha(opacity=98);
opacity: 0.98;
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
transition: all 0.2s ease-out 0.5s;
transition: all 0.2s ease-out 0.5s;
transition: all 0.2s ease-out 0.5s;
transition: all 0.2s ease-out 0.5s;
transition: all 0.2s ease-out 0.5s;
}
div#tiny_clouds div#rounds {
width: 75px;
border-radius: 50%;
/* circle */
position: absolute;
bottom: -25px;
}
div#tiny_clouds div#rounds:before,
div#tiny_clouds div#rounds:after {
content: '';
position: absolute;
background: #fff;
}
div#tiny_clouds div#rounds:after {
width: 40px;
height: 40px;
border-radius: 60px;
border-radius: 60px;
border-radius: 60px;
border-radius: 60px;
top: -80px;
left: 42px;
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
div#tiny_clouds div#rounds:before {
width: 50px;
height: 50px;
border-radius: 70px;
border-radius: 70px;
border-radius: 70px;
border-radius: 70px;
top: -90px;
left: 6px;
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
a#layout,
p#coding,
a#graphics {
text-decoration: none;
position: absolute;
z-index: 14;
top: 99px;
right: 101px;
font-family: 'Arial', 'Helvetica';
font-weight: bold;
text-align: center;
line-height: 34px;
font-size: 23px;
}
a#layout {
top: 186px;
right: 245px;
color: #fe068c;
text-shadow: 0 1px 0 #e5057e, 0 2px 0 #d90578, 0 3px 0 #cc0571, 0 4px 0 #bf056a, 0 5px 0 #b20563, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
p#coding {
top: 186px;
right: 136px;
color: #fe5f09;
cursor: pointer;
text-shadow: 0 1px 0 #e55608, 0 2px 0 #d95108, 0 3px 0 #cc4c08, 0 4px 0 #bf4707, 0 5px 0 #a63e06, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
a#graphics {
top: 220px;
right: 238px;
color: #19d007;
text-shadow: 0 1px 0 #16b806, 0 2px 0 #14ab06, 0 3px 0 #129e06, 0 4px 0 #119106, 0 5px 0 #108505, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#text {
font-family: 'Arial', 'Helvetica';
font-weight: bold;
text-align: center;
color: #fff;
cursor: default;
position: absolute;
z-index: 12;
top: 14px;
right: 70px;
line-height: 34px;
font-size: 60px;
background-color: rgba(255,255,2,0.7);
width: 400px;
height: 400px;
border-radius: 420px;
border-radius: 420px;
border-radius: 420px;
border-radius: 420px;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
box-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#text [data-icon]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-smoothing: antialiased;
}
div#text a#layout:hover ~ div#tiny_clouds {
left: 100px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
div#text a#coding:hover ~ div#tiny_clouds {
left: 210px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
div#text a#graphics:hover ~ div#tiny_clouds {
left: 100px;
top: 220px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
div#text div#tiny_clouds {
background: #fff;
height: 35px;
width: 90px;
border-radius: 18px;
position: absolute;
z-index: -1;
top: 180px;
left: 870px;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
filter: alpha(opacity=98);
opacity: 0.98;
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
transition: all 0.2s ease-out 0.5s;
transition: all 0.2s ease-out 0.5s;
transition: all 0.2s ease-out 0.5s;
transition: all 0.2s ease-out 0.5s;
transition: all 0.2s ease-out 0.5s;
}
div#text div#tiny_clouds div#rounds {
width: 75px;
border-radius: 50%;
/* circle */
position: absolute;
bottom: -25px;
}
div#text div#tiny_clouds div#rounds:before,
div#text div#tiny_clouds div#rounds:after {
content: '';
position: absolute;
background: #fff;
}
div#text div#tiny_clouds div#rounds:after {
width: 40px;
height: 40px;
border-radius: 60px;
border-radius: 60px;
border-radius: 60px;
border-radius: 60px;
top: -80px;
left: 42px;
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
div#text div#tiny_clouds div#rounds:before {
width: 50px;
height: 50px;
border-radius: 70px;
border-radius: 70px;
border-radius: 70px;
border-radius: 70px;
top: -90px;
left: 6px;
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
div#text span {
font-size: 20px;
}
div#text h1 {
font-size: 40px;
padding: 70px 0 0 0;
}
div#text span {
font-size: 24px;
}
div#text span#two {
font-size: 40px;
color: #fe5f09;
text-shadow: 0 1px 0 #e55608, 0 2px 0 #d95108, 0 3px 0 #cc4c08, 0 4px 0 #bf4707, 0 5px 0 #a63e06, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#text p {
font-size: 18px;
}
div#text a {
font-size: 22px;
text-decoration: none;
}
div#text a:first-of-type {
color: #fe068c;
text-shadow: 0 1px 0 #e5057e, 0 2px 0 #d90578, 0 3px 0 #cc0571, 0 4px 0 #bf056a, 0 5px 0 #b20563, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#text a:nth-of-type(2) {
color: #fe5f09;
text-shadow: 0 1px 0 #e55608, 0 2px 0 #d95108, 0 3px 0 #cc4c08, 0 4px 0 #bf4707, 0 5px 0 #a63e06, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#text a:nth-of-type(3) {
color: #19d007;
text-shadow: 0 1px 0 #16b806, 0 2px 0 #14ab06, 0 3px 0 #129e06, 0 4px 0 #119106, 0 5px 0 #108505, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
div#text div#passions {
margin: 30px 0;
}
div#text div#contact {
width: 400px;
}
div#text div#contact a#contact {
position: static;
display: block;
color: #fff;
font-size: 20px;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);
}
@media all and (min-width: 701px) and (max-width: 900px) {
div#text {
right: 280px;
}
a#layout {
right: 452px;
}
p#coding {
right: 350px;
}
a#graphics {
right: 445px;
}
input#coding_launcher {
right: 350px;
}
input#graphics_launcher {
right: 445px;
}
a#layout:hover ~ div#tiny_clouds {
right: 455px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
input#coding_launcher:hover ~ div#tiny_clouds {
right: 350px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
input#graphics_launcher:hover ~ div#tiny_clouds {
right: 456px;
top: 222px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
}
@media all and (min-width: 600px) and (max-width: 700px) {
div#text {
right: 120px;
}
a#layout {
right: 292px;
}
p#coding {
right: 190px;
}
a#graphics {
right: 285px;
}
input#coding_launcher {
right: 190px;
}
input#graphics_launcher {
right: 285px;
}
a#layout:hover ~ div#tiny_clouds {
right: 292px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
input#coding_launcher:hover ~ div#tiny_clouds {
right: 190px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
input#graphics_launcher:hover ~ div#tiny_clouds {
right: 285px;
top: 222px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
}
div#sky {
position: absolute;
width: 100%;
height: 600px;
z-index: 5;
/*
this cloud just for up and runing animation
*/
}
div#sky div#cloud1 {
z-index: 6;
background: #fff;
height: 100px;
width: 300px;
border-radius: 50px;
position: absolute;
top: 120px;
left: 60px;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
filter: alpha(opacity=98);
opacity: 0.98;
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
animation: cloud1 80s linear infinite;
animation: cloud1 80s linear infinite;
}
div#sky div#cloud1 div#rounds {
width: 300px;
border-radius: 50%;
/* circle */
position: absolute;
bottom: -30px;
}
div#sky div#cloud1 div#rounds:before,
div#sky div#cloud1 div#rounds:after {
content: '';
position: absolute;
background: #fff;
}
div#sky div#cloud1 div#rounds:after {
height: 100px;
width: 100px;
border-radius: 50%;
top: -180px;
left: 170px;
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
div#sky div#cloud1 div#rounds:before {
height: 180px;
width: 180px;
border-radius: 50%;
top: -220px;
left: 30px;
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
div#sky div#cloud2 {
background: #fff;
height: 75px;
width: 210px;
border-radius: 37px;
position: absolute;
top: 310px;
left: 460px;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
filter: alpha(opacity=98);
opacity: 0.98;
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
animation: cloud2 200s linear infinite;
animation: cloud2 200s linear infinite;
}
div#sky div#cloud2 div#rounds {
width: 240px;
border-radius: 50%;
/* circle */
position: absolute;
bottom: -30px;
}
div#sky div#cloud2 div#rounds:before,
div#sky div#cloud2 div#rounds:after {
content: '';
position: absolute;
background: #fff;
}
div#sky div#cloud2 div#rounds:after {
width: 75px;
height: 75px;
border-radius: 95px;
border-radius: 95px;
border-radius: 95px;
border-radius: 95px;
top: -145px;
left: 110px;
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
div#sky div#cloud2 div#rounds:before {
width: 115px;
height: 115px;
border-radius: 135px;
border-radius: 135px;
border-radius: 135px;
border-radius: 135px;
top: -170px;
left: 20px;
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
div#sky div#cloud3 {
background: #fff;
height: 50px;
width: 150px;
border-radius: 25px;
position: absolute;
top: 440px;
left: 1100px;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
filter: alpha(opacity=98);
opacity: 0.98;
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
animation: cloud3 440s linear infinite;
animation: cloud3 440s linear infinite;
}
div#sky div#cloud3 div#rounds {
width: 150px;
border-radius: 50%;
/* circle */
position: absolute;
bottom: -30px;
}
div#sky div#cloud3 div#rounds:before,
div#sky div#cloud3 div#rounds:after {
content: '';
position: absolute;
background: #fff;
}
div#sky div#cloud3 div#rounds:after {
width: 50px;
height: 50px;
border-radius: 70px;
border-radius: 70px;
border-radius: 70px;
border-radius: 70px;
top: -110px;
left: 85px;
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
div#sky div#cloud3 div#rounds:before {
width: 90px;
height: 90px;
border-radius: 110px;
border-radius: 110px;
border-radius: 110px;
border-radius: 110px;
top: -130px;
left: 15px;
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
div#sky div#cloud4 {
background: #fff;
height: 75px;
width: 210px;
border-radius: 37px;
/* half of height will do */
position: absolute;
top: 310px;
left: 460px;
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
box-shadow: inset 5px -9px 5px rgba(225,245,253,0.5), 0px 0px 10px 6px rgba(240,240,240,0.7);
animation: cloud4 40s linear;
animation: cloud4 40s linear;
}
div#sky div#cloud4 div#rounds {
width: 240px;
border-radius: 50%;
/* circle */
position: absolute;
bottom: -30px;
}
div#sky div#cloud4 div#rounds:before,
div#sky div#cloud4 div#rounds:after {
content: '';
position: absolute;
background: #fff;
}
div#sky div#cloud4 div#rounds:after {
width: 75px;
height: 75px;
border-radius: 95px;
border-radius: 95px;
border-radius: 95px;
border-radius: 95px;
top: -145px;
left: 110px;
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 3px 2px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
div#sky div#cloud4 div#rounds:before {
width: 115px;
height: 115px;
border-radius: 135px;
border-radius: 135px;
border-radius: 135px;
border-radius: 135px;
top: -170px;
left: 20px;
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
box-shadow: inset 2px 4px 2px rgba(230,230,230,0.5), 0px -10px 15px rgba(255,255,255,0.4);
}
@media all and (min-width: 2000px) and (max-width: 2800px) {
div#sky div#cloud1 {
animation: cloud1 240s linear infinite;
animation: cloud1 240s linear infinite;
animation: cloud1 240s linear infinite;
animation: cloud1 240s linear infinite;
}
div#sky div#cloud2 {
animation: cloud2 600s linear infinite;
animation: cloud2 600s linear infinite;
animation: cloud2 600s linear infinite;
animation: cloud2 600s linear infinite;
}
div#sky div#cloud3 {
animation: cloud3 1320s linear infinite;
animation: cloud3 1320s linear infinite;
animation: cloud3 1320s linear infinite;
animation: cloud3 1320s linear infinite;
}
div#sky div#cloud4 {
animation: cloud4 120s linear;
animation: cloud4 120s linear;
animation: cloud4 120s linear;
animation: cloud4 120s linear;
}
}
/* Pretty printing styles. Used with prettify.js. */
/* Vim sunburst theme by David Leibovic */
pre .str,
code .str {
color: #e6db74;
}
pre .kwd,
code .kwd {
color: #66d9ef;
}
pre .com,
code .com {
color: #aeaeae;
}
pre .typ,
code .typ {
color: #89bdff;
}
pre .lit,
code .lit {
color: #ae81ff;
}
pre .pun,
code .pun {
color: #fff;
}
pre .pln,
code .pln {
color: #fff;
}
pre .tag,
code .tag {
color: #f92772;
}
pre .atn,
code .atn {
color: #a6e22d;
}
pre .atv,
code .atv {
color: #fd9720;
}
pre .dec,
code .dec {
color: #3387cc;
}
/* decimal - blue */
pre.prettyprint,
code.prettyprint {
background-color: #272822;
border-radius: 4px;
margin: 20px auto;
text-align: left;
width: 90% !important;
white-space: pre-wrap;
/* css-3 */
white-space: pre-wrap;
/* Mozilla, since 1999 */
white-space: wrap;
/* Opera 4-6 */
white-space: pre-wrap;
/* Opera 7 */
word-wrap: break-word;
/* Internet Explorer 5.5+ */
font-size: 1em;
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
margin-top: 0;
margin-bottom: 0;
color: #aeaeae;
}
/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
list-style-type: none;
}
/* Alternate shading for lines */
@media print {
pre .str, code .str { color: #060; }
pre .kwd, code .kwd { color: #006; font-weight: bold; }
pre .com, code .com { color: #600; font-style: italic; }
pre .typ, code .typ { color: #404; font-weight: bold; }
pre .lit, code .lit { color: #044; }
pre .pun, code .pun { color: #440; }
pre .pln, code .pln { color: #000; }
pre .tag, code .tag { color: #006; font-weight: bold; }
pre .atn, code .atn { color: #404; }
pre .atv, code .atv { color: #060; }
}
noindex:prefocus,div#sky div#cloud1,div#sky div#cloud2,div#sky div#cloud3,div#sky div#cloud4,div#balloon_holder,div#balloon_holder a#balloons_text,div#balloon_holder .balloon2,div#balloon_holder .balloon,div#boat div#chicken_holder div#chicken div#legs div#rope_to_twitter,div#boat div#chicken_holder div#chicken div#twit,div#boat,div#boat div#leg_right,div#boat div#leg_left,div#boat div#hair,div#boat div#lego_body,div#boat div#lego_body div#hat,div#water1,div#water2,div#water3,div#fish_holder,div#fish_holder div#fish,div#fish_holder2,div#fish_holder2 div#fish,div#sky div#cloud1,div#sky div#cloud2,div#sky div#cloud3,div#sky div#cloud4{
animation:none;
}
noindex:prefocus,a#layout,p#coding,a#graphics{
line-height:27px;
}
@-moz-document url-prefix() {
a#layout,p#coding,a#graphics{
line-height:26px;
}
div#sky div#cloud1,div#sky div#cloud2,div#sky div#cloud3,div#sky div#cloud4,div#balloon_holder,div#balloon_holder a#balloons_text,div#balloon_holder .balloon2,div#balloon_holder .balloon,div#boat div#chicken_holder div#chicken div#legs div#rope_to_twitter,div#boat div#chicken_holder div#chicken div#twit,div#boat,div#boat div#leg_right,div#boat div#leg_left,div#boat div#hair,div#fish_holder,div#fish_holder div#fish,div#fish_holder2,div#fish_holder2 div#fish,div#boat div#lego_body,div#boat div#lego_body div#hat,div#water1,div#water2,div#water3,div#sky div#cloud1,div#sky div#cloud2,div#sky div#cloud3,div#sky div#cloud4{
animation:none;
}
}
.ie9 a#layout,
.ie9 p#coding,
.ie9 a#graphics {
line-height: 26px;
}
.ie10 a#layout,
.ie10 p#coding,
.ie10 a#graphics {
line-height: 25px;
font-size: 22px;
}
/**
/**
*** My pure CSS portfolio website is here!
*** Also available at http://legomushroom.com/
*** Don't be so serious, just one huge experiment)
**/