Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="description" content="A Game of Thrones scene coded in HTML and CSS only"/><title>At the Wall | A Game of Thrones scene in CSS and HTML</title></head><body><div class="wrapper"><div id="got" class="scene"><div class="jon"><div class="jon__hair-back"><ul><li></li><li></li><li></li><li></li><li></li></ul></div><div class="jon__hair"><ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul><div class="jon__ear jon__ear-left"></div><div class="jon__ear jon__ear-right"></div></div><div class="jon__head"><div class="jon__eye jon__eye-left"><span></span><div class="jon__eyelid"></div></div><div class="jon__eye jon__eye-right"><span></span><div class="jon__eyelid"></div></div><div class="jon__beard"><ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div><div class="jon__mouth"></div><div class="jon__nose"><span></span><em></em></div></div><div class="jon__body"><div class="jon__torse"><span></span></div><div class="jon__coat"><ul class="jon__coat-shoulder jon__coat--left"><li></li><li></li><li></li><li></li></ul><ul class="jon__coat-shoulder jon__coat--right"><li></li><li></li><li></li><li></li></ul></div><div class="jon__foot jon__foot-left"></div><div class="jon__foot jon__foot-right"></div></div><div class="jon__hand"><span></span><span></span></div><div class="jon__movable"><div class="wolf"><div class="wolf__eye wolf__eye-left"></div><div class="wolf__eye wolf__eye-right"></div><div class="wolf__nose"><div class="wolf__nose-bottom"></div><div class="wolf__nose-top"></div></div></div><div class="jon__sword"><span class="left"></span><span class="right"></span><span class="bottom"></span></div></div><div class="jon__earth"></div></div><div class="white-walker"><div class="head"><div class="head__inner"></div><div class="ear__left"></div><div class="ear__right"></div><div class="horns horns--left"></div><div class="horns horns--right"></div><div class="middle-horns middle-horns--left"></div><div class="middle-horns middle-horns--right"></div><div class="eyebrow eyebrow--left"></div><div class="eyebrow eyebrow--right"></div><div class="eye eye--left"><div class="eyelid"></div></div><div class="eye eye--right"><div class="eyelid"></div></div><div class="cheek-left"></div><div class="cheek-right"></div><div class="nose"><div class="nose__upper"><div class="nose__upper-left"></div><div class="nose__upper-right"></div></div><div class="nostril--left"></div><div class="nostril--right"></div></div><div class="mouth"><div class="mustache mustache--left"></div><div class="mustache mustache--right"></div></div><div class="chin"><div class="chin__inner"></div></div><div class="dimples dimples--left"></div><div class="dimples dimples--right"></div><div class="large-horns large-horns--left"><div class="large-horns__inner"></div><div class="large-horns__shape"></div></div><div class="large-horns large-horns--right"><div class="large-horns__inner"></div><div class="large-horns__shape"></div></div></div><div class="body"><div class="body-inner"><div class="torso"><div class="torso__top"></div><div class="torso__bottom"></div><div class="torso__band torso__band-top"></div><div class="torso__band torso__band-bottom"></div><div class="tie"><div class="tie__back"></div><div class="tie__front"></div></div></div><div class="leg leg--left"><div class="foot"></div></div><div class="leg leg--right"><div class="foot"></div></div><div class="hand hand--left"><div class="paw"></div><div class="hand__armor"></div></div><div class="shoulder shoulder--left"><div class="shoulder__grid"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div></div><div class="shoulder shoulder--right"><div class="shoulder__grid"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div></div></div><div class="movable"><div class="hand hand--right"><div class="paw"></div></div><div class="sword"><div class="sword__bottom"></div><div class="sword__blade"><div class="sword__blade-bottom"></div><div class="sword__blade-top"><div class="sword__blade-top--left"></div><div class="sword__blade-top--right"></div><div class="sword__blade-top--middle"></div></div></div></div></div></div></div><div class="clouds"><div class="cloud cloud--left-top"></div><div class="cloud cloud--left-middle"></div><div class="cloud cloud--left-bottom"></div><div class="cloud cloud--right-top"></div><div class="cloud cloud--right-bottom"></div></div><div class="sky"></div><div class="snowflakes"><div class="snowflake snowflake--1"></div><div class="snowflake snowflake--2"></div><div class="snowflake snowflake--3"></div><div class="snowflake snowflake--4"></div><div class="snowflake snowflake--5"></div><div class="snowflake snowflake--6"></div><div class="snowflake snowflake--7"></div><div class="snowflake snowflake--8"></div><div class="snowflake snowflake--9"></div><div class="snowflake snowflake--10"></div><div class="snowflake snowflake--11"></div><div class="snowflake snowflake--12"></div><div class="snowflake snowflake--13"></div><div class="snowflake snowflake--14"></div><div class="snowflake snowflake--15"></div><div class="snowflake snowflake--16"></div><div class="snowflake snowflake--17"></div><div class="snowflake snowflake--18"></div><div class="snowflake snowflake--19"></div><div class="snowflake snowflake--20"></div><div class="snowflake snowflake--21"></div><div class="snowflake snowflake--22"></div><div class="snowflake snowflake--23"></div><div class="snowflake snowflake--24"></div><div class="snowflake snowflake--25"></div><div class="snowflake snowflake--26"></div><div class="snowflake snowflake--27"></div><div class="snowflake snowflake--28"></div><div class="snowflake snowflake--29"></div><div class="snowflake snowflake--30"></div><div class="snowflake snowflake--31"></div><div class="snowflake snowflake--32"></div><div class="snowflake snowflake--33"></div><div class="snowflake snowflake--34"></div><div class="snowflake snowflake--35"></div><div class="snowflake snowflake--36"></div><div class="snowflake snowflake--37"></div><div class="snowflake snowflake--38"></div><div class="snowflake snowflake--39"></div><div class="snowflake snowflake--40"></div><div class="snowflake snowflake--41"></div><div class="snowflake snowflake--42"></div><div class="snowflake snowflake--43"></div><div class="snowflake snowflake--44"></div><div class="snowflake snowflake--45"></div><div class="snowflake snowflake--46"></div><div class="snowflake snowflake--47"></div><div class="snowflake snowflake--48"></div><div class="snowflake snowflake--49"></div><div class="snowflake snowflake--50"></div><div class="snowflake snowflake--51"></div><div class="snowflake snowflake--52"></div><div class="snowflake snowflake--53"></div><div class="snowflake snowflake--54"></div><div class="snowflake snowflake--55"></div><div class="snowflake snowflake--56"></div><div class="snowflake snowflake--57"></div><div class="snowflake snowflake--58"></div><div class="snowflake snowflake--59"></div><div class="snowflake snowflake--60"></div><div class="snowflake snowflake--61"></div><div class="snowflake snowflake--62"></div><div class="snowflake snowflake--63"></div><div class="snowflake snowflake--64"></div><div class="snowflake snowflake--65"></div><div class="snowflake snowflake--66"></div><div class="snowflake snowflake--67"></div><div class="snowflake snowflake--68"></div><div class="snowflake snowflake--69"></div><div class="snowflake snowflake--70"></div><div class="snowflake snowflake--71"></div><div class="snowflake snowflake--72"></div><div class="snowflake snowflake--73"></div><div class="snowflake snowflake--74"></div><div class="snowflake snowflake--75"></div><div class="snowflake snowflake--76"></div><div class="snowflake snowflake--77"></div><div class="snowflake snowflake--78"></div><div class="snowflake snowflake--79"></div><div class="snowflake snowflake--80"></div><div class="snowflake snowflake--81"></div><div class="snowflake snowflake--82"></div><div class="snowflake snowflake--83"></div><div class="snowflake snowflake--84"></div><div class="snowflake snowflake--85"></div><div class="snowflake snowflake--86"></div><div class="snowflake snowflake--87"></div><div class="snowflake snowflake--88"></div><div class="snowflake snowflake--89"></div><div class="snowflake snowflake--90"></div><div class="snowflake snowflake--91"></div><div class="snowflake snowflake--92"></div><div class="snowflake snowflake--93"></div><div class="snowflake snowflake--94"></div><div class="snowflake snowflake--95"></div><div class="snowflake snowflake--96"></div><div class="snowflake snowflake--97"></div><div class="snowflake snowflake--98"></div><div class="snowflake snowflake--99"></div><div class="snowflake snowflake--100"></div><div class="snowflake snowflake--101"></div><div class="snowflake snowflake--102"></div><div class="snowflake snowflake--103"></div><div class="snowflake snowflake--104"></div><div class="snowflake snowflake--105"></div><div class="snowflake snowflake--106"></div><div class="snowflake snowflake--107"></div><div class="snowflake snowflake--108"></div><div class="snowflake snowflake--109"></div><div class="snowflake snowflake--110"></div><div class="snowflake snowflake--111"></div><div class="snowflake snowflake--112"></div><div class="snowflake snowflake--113"></div><div class="snowflake snowflake--114"></div><div class="snowflake snowflake--115"></div><div class="snowflake snowflake--116"></div><div class="snowflake snowflake--117"></div><div class="snowflake snowflake--118"></div><div class="snowflake snowflake--119"></div><div class="snowflake snowflake--120"></div><div class="snowflake snowflake--121"></div><div class="snowflake snowflake--122"></div><div class="snowflake snowflake--123"></div><div class="snowflake snowflake--124"></div><div class="snowflake snowflake--125"></div><div class="snowflake snowflake--126"></div><div class="snowflake snowflake--127"></div><div class="snowflake snowflake--128"></div><div class="snowflake snowflake--129"></div><div class="snowflake snowflake--130"></div><div class="snowflake snowflake--131"></div><div class="snowflake snowflake--132"></div><div class="snowflake snowflake--133"></div><div class="snowflake snowflake--134"></div><div class="snowflake snowflake--135"></div><div class="snowflake snowflake--136"></div><div class="snowflake snowflake--137"></div><div class="snowflake snowflake--138"></div><div class="snowflake snowflake--139"></div><div class="snowflake snowflake--140"></div><div class="snowflake snowflake--141"></div><div class="snowflake snowflake--142"></div><div class="snowflake snowflake--143"></div><div class="snowflake snowflake--144"></div><div class="snowflake snowflake--145"></div><div class="snowflake snowflake--146"></div><div class="snowflake snowflake--147"></div><div class="snowflake snowflake--148"></div><div class="snowflake snowflake--149"></div><div class="snowflake snowflake--150"></div></div><div class="wall"><div class="wall__part wall__part--side wall__part--left"><ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div><div class="wall__part wall__part--center"><ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div><div class="wall__part wall__part--side wall__part--right"><ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div></div><div class="ground"><div class="ground__part ground__part--1"></div><div class="ground__part ground__part--2"></div><div class="ground__part ground__part--3"></div><div class="ground__part ground__part--4"></div><div class="ground__part ground__part--5"></div><div class="ground__part ground__part--6"></div><div class="ground__part ground__part--7"></div><div class="ground__part ground__part--8"></div><div class="ground__part ground__part--9"></div></div><div class="door"><div class="door__part door__part--top"></div><div class="door__part door__part--left"></div><div class="door__part door__part--right"></div><div class="door__inner"><div class="door__trapetz"><div class="trapetz__part trapetz__part--background"></div><div class="trapetz__part trapetz__part--top"></div><div class="trapetz__part trapetz__part--bottom"></div></div></div></div><div class="trees trees--left"><div class="tree-medium"><div class="tree__top"></div><div class="tree__middle"></div><div class="tree__bottom"></div></div><div class="tree-large"><div class="tree__top"></div><div class="tree__middle"></div><div class="tree__bottom"></div></div></div><div class="trees trees--right"><div class="tree-small"><div class="tree__top"></div><div class="tree__middle"></div><div class="tree__bottom"></div></div><div class="tree-large"><div class="tree__top"></div><div class="tree__middle"></div><div class="tree__bottom"></div></div><div class="tree-medium"><div class="tree__top"></div><div class="tree__middle"></div><div class="tree__bottom"></div></div></div></div></div></body></html>
              
            
!

CSS

              
                /*! normalize.css v8.0.0 | MIT License | github.com/csstools/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}[hidden],template{display:none}@-webkit-keyframes move-clouds{0%{-webkit-transform:translateX(0);transform:translateX(0)}33%{-webkit-transform:translateX(10px);transform:translateX(10px)}66%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move-clouds{0%{-webkit-transform:translateX(0);transform:translateX(0)}33%{-webkit-transform:translateX(10px);transform:translateX(10px)}66%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes snow{0%{-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes snow{0%{-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@-webkit-keyframes jon-fight{0%,to{-webkit-transform:rotate(0deg) translate(0);transform:rotate(0deg) translate(0)}50%{-webkit-transform:rotate(-15deg) translate(2vw,-.5vw);transform:rotate(-15deg) translate(2vw,-.5vw)}}@keyframes jon-fight{0%,to{-webkit-transform:rotate(0deg) translate(0);transform:rotate(0deg) translate(0)}50%{-webkit-transform:rotate(-15deg) translate(2vw,-.5vw);transform:rotate(-15deg) translate(2vw,-.5vw)}}@-webkit-keyframes move-jon-hand{0%,to{-webkit-transform:rotate(38deg) translate(0);transform:rotate(38deg) translate(0)}50%{-webkit-transform:rotate(23deg) translate(3vw,-1.5vw);transform:rotate(23deg) translate(3vw,-1.5vw)}}@keyframes move-jon-hand{0%,to{-webkit-transform:rotate(38deg) translate(0);transform:rotate(38deg) translate(0)}50%{-webkit-transform:rotate(23deg) translate(3vw,-1.5vw);transform:rotate(23deg) translate(3vw,-1.5vw)}}@-webkit-keyframes walker-fight{0%,to{-webkit-transform:rotate(0deg) translate(0);transform:rotate(0deg) translate(0)}50%{-webkit-transform:rotate(15deg) translate(-3vw,-2vw);transform:rotate(15deg) translate(-3vw,-2vw)}}@keyframes walker-fight{0%,to{-webkit-transform:rotate(0deg) translate(0);transform:rotate(0deg) translate(0)}50%{-webkit-transform:rotate(15deg) translate(-3vw,-2vw);transform:rotate(15deg) translate(-3vw,-2vw)}}@-webkit-keyframes move-walker-hand{0%,to{-webkit-transform:rotate(50deg) translate(0);transform:rotate(50deg) translate(0)}50%{-webkit-transform:rotate(25deg) translate(.5vw,-1vw);transform:rotate(25deg) translate(.5vw,-1vw)}}@keyframes move-walker-hand{0%,to{-webkit-transform:rotate(50deg) translate(0);transform:rotate(50deg) translate(0)}50%{-webkit-transform:rotate(25deg) translate(.5vw,-1vw);transform:rotate(25deg) translate(.5vw,-1vw)}}@-webkit-keyframes jon-watch{0%,25%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}10%,15%{-webkit-transform:translate(.4vw) scale(.75);transform:translate(.4vw) scale(.75)}}@keyframes jon-watch{0%,25%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}10%,15%{-webkit-transform:translate(.4vw) scale(.75);transform:translate(.4vw) scale(.75)}}@-webkit-keyframes walker-watch{0%,50%,to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}30%,40%{-webkit-transform:translate(-80%,-30%);transform:translate(-80%,-30%)}}@keyframes walker-watch{0%,50%,to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}30%,40%{-webkit-transform:translate(-80%,-30%);transform:translate(-80%,-30%)}}@-webkit-keyframes blink{0%,29%,33%,to{-webkit-transform:scaleY(0);transform:scaleY(0)}30%,32%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes blink{0%,29%,33%,to{-webkit-transform:scaleY(0);transform:scaleY(0)}30%,32%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes move-eyebrow{0%,39%,60%,to{-webkit-transform:rotate(-9deg) translateY(0);transform:rotate(-9deg) translateY(0)}40%,59%{-webkit-transform:rotate(-11deg) translateY(-.4vw);transform:rotate(-11deg) translateY(-.4vw)}}@keyframes move-eyebrow{0%,39%,60%,to{-webkit-transform:rotate(-9deg) translateY(0);transform:rotate(-9deg) translateY(0)}40%,59%{-webkit-transform:rotate(-11deg) translateY(-.4vw);transform:rotate(-11deg) translateY(-.4vw)}}@-webkit-keyframes move-ears{0%,39%,60%,to{-webkit-transform:rotateY(0deg) translateY(-50%) perspective(0);transform:rotateY(0deg) translateY(-50%) perspective(0)}40%,59%{-webkit-transform:rotateY(-50deg) translateY(-50%) perspective(10vw);transform:rotateY(-50deg) translateY(-50%) perspective(10vw)}}@keyframes move-ears{0%,39%,60%,to{-webkit-transform:rotateY(0deg) translateY(-50%) perspective(0);transform:rotateY(0deg) translateY(-50%) perspective(0)}40%,59%{-webkit-transform:rotateY(-50deg) translateY(-50%) perspective(10vw);transform:rotateY(-50deg) translateY(-50%) perspective(10vw)}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;outline:0;padding:0}.scene,.wrapper,body,html{height:100%}.wrapper{-ms-flex-align:center;-ms-flex-flow:row nowrap;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:horizontal;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row nowrap}.scene{-ms-flex:1 1;-webkit-box-flex:1;flex:1 1;max-height:70vw;min-height:55vw;overflow:hidden;position:relative}.cloud{-webkit-animation:move-clouds 6.5s ease-in-out infinite;animation:move-clouds 6.5s ease-in-out infinite;border-radius:4vw;position:absolute}.cloud--left-top{-webkit-animation-delay:0s;animation-delay:0s;background-color:#e1f4fa;height:8vw;left:1vw;top:3vw;width:23vw;z-index:9990}.cloud--left-middle{-webkit-animation-delay:1.5s;animation-delay:1.5s;height:5vw;left:10vw;top:8vw;width:15vw}.cloud--left-bottom,.cloud--left-middle{background-color:#f5f9fa;z-index:9991}.cloud--left-bottom{-webkit-animation-delay:1s;animation-delay:1s;height:3vw;left:8vw;top:12vw;width:8vw}.cloud--right-top{-webkit-animation-delay:2s;animation-delay:2s;background-color:#cdeff9;height:8vw;right:7vw;top:0;width:39vw;z-index:9991}.cloud--right-bottom{-webkit-animation-delay:1s;animation-delay:1s;background-color:#e1f4fa;height:7vw;right:2vw;top:5vw;width:33vw;z-index:9991}.clouds{left:0;right:0;top:0;z-index:5}.clouds,.door{position:absolute}.door{bottom:14.23vw;height:9.51vw;left:46.32vw;width:8.93vw;z-index:6}.door__part{border-style:solid;position:absolute}.door__part--top{-webkit-transform:skewX(-40deg);border-color:transparent transparent #fff;border-width:0 4.43vw 1.32vw;height:0;left:0;top:0;transform:skewX(-40deg);width:0}.door__part--left{-webkit-transform:skewY(-74deg);border-color:transparent #fff transparent transparent;border-width:4.01vw 1.16vw 4.01vw 0;bottom:-2.07vw;height:8.02vw;height:0;left:0;transform:skewY(-74deg);width:1.16vw;width:0}.door__part--right{-webkit-transform:skewY(66deg);border-color:transparent transparent transparent #fff;border-width:3.93vw 0 3.93vw 1.74vw;bottom:-1.99vw;height:0;right:0;transform:skewY(66deg);width:0}.door__inner{background-color:#fff;background-color:#000;bottom:.17vw;height:8.02vw;left:1.16vw}.door__inner,.door__trapetz{position:absolute;width:6.04vw}.door__trapetz{bottom:0;height:6.95vw;left:0;overflow:hidden}.door__trapetz .trapetz__part{position:absolute}.door__trapetz .trapetz__part--background{border-color:transparent transparent #3d6b7a;border-style:solid;border-width:0 3.06vw 24.81vw;bottom:0;height:0;left:0;width:0}.door__trapetz .trapetz__part--top{border-color:transparent transparent #558393;border-style:solid;border-width:0 2.32vw 41.36vw;bottom:4.14vw;height:0;left:.74vw;width:0}.door__trapetz .trapetz__part--bottom{background-color:#558393;bottom:1.32vw;height:2.32vw;left:.74vw;width:4.63vw}.ground{bottom:0;left:0;position:absolute;width:100%;z-index:2}.ground__part{border-radius:2.65vw;position:absolute;z-index:1}.ground__part--1{background-color:#afd3e1;bottom:11.33vw;height:4.14vw;left:1.74vw;width:95.86vw}.ground__part--2{background-color:#8ebfd0;bottom:10.59vw;height:2.07vw;left:0;width:47.56vw}.ground__part--3{background-color:#afd3e1;bottom:7.28vw;height:3.72vw;left:7.03vw;width:88.83vw}.ground__part--4{background-color:#b6cad1;bottom:9.84vw;height:2.4vw;right:.08vw;width:55.83vw}.ground__part--5{background-color:#d5ecf4;bottom:5.87vw;height:2.98vw;left:18.2vw;width:73.45vw}.ground__part--6{background-color:#afd3e1;bottom:3.97vw;height:3.23vw;left:1.57vw;width:76.67vw}.ground__part--7{background-color:#afd3e1;border-radius:.58vw;bottom:.08vw;height:1.99vw;left:57.57vw;width:22.33vw}.ground__part--8{background-color:#8ebfd0;bottom:1.57vw;height:2.98vw;left:17.04vw;width:69.98vw}.ground__part--9{background-color:#b6cad1;bottom:.66vw;height:1.99vw;left:11.17vw;width:47.48vw}.jon{bottom:8.9vw;height:23.52vw;left:23.9vw;position:absolute;width:18.4vw;z-index:8}.jon ul{list-style:none}.jon__hair{-webkit-transform:translateX(-50%);height:16.21vw;left:50%;position:absolute;top:-4.4vw;transform:translateX(-50%);width:25.68vw;z-index:20}.jon__hair ul{list-style:none}.jon__hair li{background:#453131;position:absolute}.jon__hair li:first-child{border-top-left-radius:10.8vw;border-top-right-radius:10.8vw;height:4.56vw;left:3.92vw;position:absolute;top:0;width:11.41vw}.jon__hair li:nth-child(2){height:6.2vw;left:1.84vw;top:3.41vw;width:12.48vw}.jon__hair li:nth-child(2),.jon__hair li:nth-child(3){border-bottom-left-radius:6vw;border-bottom-right-radius:6vw}.jon__hair li:nth-child(3){height:3.2vw;left:.8vw;top:4.72vw;width:5.92vw}.jon__hair li:nth-child(4){border-bottom-left-radius:3.6vw;border-bottom-right-radius:3.6vw;height:3.76vw;left:.24vw;top:6.13vw;width:7.76vw}.jon__hair li:nth-child(5){border-radius:.56vw 0 0 0;height:6.64vw;left:1.4vw;position:absolute;top:7.81vw;width:2.2vw}.jon__hair li:nth-child(6){border-top-left-radius:6vw;border-top-right-radius:6vw;height:3.2vw;left:12.8vw;top:1.41vw;width:6vw}.jon__hair li:nth-child(7){height:3.52vw;right:2.64vw;top:3.41vw;width:6.8vw}.jon__hair li:nth-child(7),.jon__hair li:nth-child(8){border-bottom-left-radius:6vw;border-bottom-right-radius:6vw}.jon__hair li:nth-child(8){height:3.2vw;right:1.68vw;top:4.48vw;width:5.6vw}.jon__hair li:nth-child(9){border-bottom-left-radius:6vw;border-bottom-right-radius:6vw;height:3.52vw;right:.88vw;top:5.6vw;width:6.56vw}.jon__hair li:nth-child(10){border-radius:0 0 0 .4vw;height:3.52vw;left:3.6vw;top:9.33vw;width:.96vw}.jon__hair li:nth-child(11){border-radius:0 0 1.6vw 0;height:4.96vw;right:2.69vw;top:7.49vw;width:1.4vw}.jon__hair li:nth-child(12){border-top-left-radius:6vw;border-top-right-radius:6vw;height:2.4vw;left:16.16vw;top:1.97vw;width:4.64vw}.jon__hair li:nth-child(13){height:4.96vw;right:2.64vw;top:7.84vw;width:2.4vw}.jon__hair li:nth-child(14){border-top-left-radius:10vw;border-top-right-radius:10vw;height:1.2vw;left:19.36vw;position:absolute;top:2.72vw;width:2.61vw}.jon__hair li:nth-child(15){border-top-left-radius:6vw;border-top-right-radius:6vw;height:1.6vw;left:21.6vw;top:7.76vw;width:1.44vw}.jon__hair-back li{background:#453131;position:absolute}.jon__hair-back li:first-child{border-top-left-radius:10vw;border-top-right-radius:10vw;height:2.16vw;left:-2.32vw;top:8.96vw;width:6.61vw}.jon__hair-back li:nth-child(2){left:-1.56vw}.jon__hair-back li:nth-child(2),.jon__hair-back li:nth-child(3){border-top-left-radius:10vw;border-top-right-radius:10vw;height:2.16vw;top:10.2vw;width:6.61vw}.jon__hair-back li:nth-child(3){right:-1.12vw}.jon__hair-back li:nth-child(4){border-top-left-radius:10vw;border-top-right-radius:10vw;height:2.16vw;right:-1.84vw;top:8.96vw;width:6.61vw}.jon__hair-back li:nth-child(5){height:6.2vw;right:-1.76vw;top:3.6vw;width:2.56vw}.jon__ear{background:#d19a84;border-bottom-left-radius:4vw;border-top-left-radius:4vw;height:4vw;left:1.65vw;position:absolute;top:10.32vw;width:2vw}.jon__ear:after{background:#a1644c;border-bottom-left-radius:2vw;border-top-left-radius:2vw;height:2.16vw;left:.72vw;top:1.01vw;width:1.02vw}.jon__ear-left:before,.jon__ear:after{content:"";display:block;position:absolute}.jon__ear-left:before{background:#453131;border-bottom-left-radius:6vw;border-bottom-right-radius:6vw;height:1.92vw;left:-.8vw;top:-.53vw;width:3.6vw;z-index:2}.jon__ear-right{-webkit-transform:scaleX(-1);left:auto;right:2.24vw;transform:scaleX(-1)}.jon__head{background:#f0c8aa;border-radius:1.92vw;height:13.68vw;overflow:hidden;position:relative;width:17.84vw}.jon__head:before{background:#e8b792;bottom:0;content:"";left:0;position:absolute;top:0;width:2.13vw}.jon__body{height:9.41vw;right:.45vw;width:18.4vw}.jon__body,.jon__coat{position:relative}.jon__coat:before{background:#141414;height:8.68vw;top:0;width:7.28vw;z-index:-1}.jon__coat:after,.jon__coat:before{-webkit-transform:translateX(-50%);content:"";display:block;left:50%;position:absolute;transform:translateX(-50%)}.jon__coat:after{background:#000;height:4.24vw;top:4vw;width:10.48vw;z-index:-2}.jon__coat-shoulder{height:4.53vw;list-style:none;margin:0;position:absolute;right:50%;top:0;width:8.8vw}.jon__coat-shoulder:before{border-bottom:4.4vw solid #262626;border-left:1.44vw solid transparent;border-right:0 solid transparent;content:"";height:0;left:3.52vw;position:absolute;top:4.48vw;width:1.36vw}.jon__coat-shoulder li{position:absolute;right:0;top:0;z-index:1}.jon__coat-shoulder li:first-child{background:#292929;border-radius:4vw 0 4vw 0;height:2.88vw;right:2.8vw;width:6.32vw;z-index:4}.jon__coat-shoulder li:nth-child(2){background:#333;border-radius:4vw 0 4vw 0;height:3.76vw;right:1.12vw;width:6.76vw;z-index:3}.jon__coat-shoulder li:nth-child(3){background:#474747;border-radius:4vw 0 4.8vw 0;height:4.72vw;right:-.44vw;width:6.96vw;z-index:2}.jon__coat-shoulder li:nth-child(4){background:#000;border-radius:4vw 0 4.8vw 0;height:5.04vw;right:-.44vw;width:6.08vw;z-index:1}.jon__coat--right{-webkit-transform:scaleX(-1);left:50%;list-style:none;margin-left:.88vw;transform:scaleX(-1)}.jon__torse{-webkit-transform:translateX(-50%);background:#84858a;height:5.44vw;left:50%;margin-left:.24vw;position:absolute;top:0;transform:translateX(-50%);width:6.64vw}.jon__torse:before{background:#373638;bottom:0;width:100%}.jon__torse:after,.jon__torse:before{content:"";height:1.44vw;left:0;position:absolute}.jon__torse:after{-webkit-transform:rotate(23deg);background:#292829;bottom:1.84vw;transform:rotate(23deg);width:5.6vw}.jon__torse>span{border-bottom:1.12vw solid #84858a;border-left:.48vw solid transparent;border-right:.48vw solid transparent;top:100%;width:6.72vw}.jon__torse>span,.jon__torse>span:before{-webkit-transform:translateX(-50%);display:block;height:0;left:50%;position:absolute;transform:translateX(-50%)}.jon__torse>span:before{border-bottom:.88vw solid #84858a;border-left:.4vw solid transparent;border-right:.4vw solid transparent;content:"";margin-left:-.08vw;top:.96vw;width:6.32vw}.jon__eye{background:#d19a84;height:5.68vw;top:4.4vw;width:5.68vw}.jon__eye,.jon__eye:before{border-radius:50%;position:absolute}.jon__eye:before{background:#fff;content:"";height:5.36vw;right:.05vw;top:.21vw;width:5.36vw}.jon__eye:after{-webkit-transform:rotate(-9deg);border-bottom:1.04vw solid #231f20;border-left:.37vw solid transparent;border-right:6.4vw solid transparent;content:"";height:0;left:-.4vw;position:absolute;top:-.8vw;transform:rotate(-9deg);width:0;z-index:10}.jon__eye span{background:#58595b;display:inline-block;height:4.24vw;left:.85vw;top:.72vw;width:4.24vw}.jon__eye span,.jon__eye span:before{border-radius:50%;position:absolute}.jon__eye span:before{-webkit-animation:jon-watch 10s linear infinite;animation:jon-watch 10s linear infinite;background:#231f20;content:"";height:3.36vw;left:.45vw;top:.48vw;width:3.36vw}.jon__eye span:after{background:#fff;border-radius:50%;content:"";height:1.92vw;left:-.21vw;position:absolute;top:.36vw;width:1.92vw}.jon__eye-left{left:2.24vw}.jon__eye-left:after{-webkit-transform:rotate(12deg) scaleX(-1);left:-.8vw;top:-.56vw;transform:rotate(12deg) scaleX(-1)}.jon__eye-right{left:auto;right:1.68vw}.jon__eye-right:before{right:.4vw}.jon__eye-right:after{-webkit-animation:move-eyebrow 7s linear infinite;animation:move-eyebrow 7s linear infinite}.jon__eye-right span{left:.48vw}.jon__mouth{-webkit-transform:translateX(-50%);background:#755353;border-radius:.8vw .8vw 0 0;bottom:0;height:2.85vw;left:50%;position:absolute;transform:translateX(-50%);width:5.2vw;z-index:1}.jon__mouth:before{background:#f0c8aa;height:1.17vw;top:.48vw;width:4vw}.jon__mouth:after,.jon__mouth:before{-webkit-transform:translateX(-50%);content:"";left:50%;position:absolute;transform:translateX(-50%)}.jon__mouth:after{background:#231f20;border-radius:.13vw;height:.24vw;top:.72vw;width:3.44vw}.jon__foot{-webkit-transform:translateX(-50%);background:#382c25;height:1.68vw;left:50%;position:absolute;top:7.28vw;transform:translateX(-50%);width:1.2vw}.jon__foot:after{background:#000;content:"";display:block;height:.88vw;position:absolute;top:100%;width:2.24vw}.jon__foot-left{margin-left:-1.52vw}.jon__foot-left:after{border-radius:1.84vw 0 0 0;right:0}.jon__foot-right{margin-left:2.16vw}.jon__foot-right:after{border-radius:0 1.84vw 0 0;left:0}.jon__nose{-webkit-transform:translateX(-50%);bottom:3.28vw;height:1.52vw;left:50%;margin-left:.36vw;position:absolute;transform:translateX(-50%);width:2.69vw}.jon__nose:before{border-color:transparent #ba8976 transparent transparent;border-width:0 1.33vw .96vw 0;bottom:0;left:0}.jon__nose:after,.jon__nose:before{border-style:solid;content:"";display:inline-block;height:0;position:absolute;width:0}.jon__nose:after{border-color:#d19a84 transparent transparent;border-width:.93vw 1.41vw 0 0;bottom:0;right:0}.jon__nose span:before{border-color:transparent transparent #ffd6b8;border-width:0 0 .61vw 1.41vw;left:0}.jon__nose span:after,.jon__nose span:before{border-style:solid;content:"";display:inline-block;height:0;position:absolute;top:0;width:0}.jon__nose span:after{border-color:transparent transparent transparent #fff;border-width:.56vw 0 0 1.41vw;right:0;z-index:1}.jon__nose em{border-color:transparent transparent transparent #f5d3bd;border-style:solid;border-width:3.33vw 0 0 1.41vw;bottom:.96vw;display:inline-block;height:0;left:50%;position:absolute;width:0}.jon__hand{-webkit-animation:move-jon-hand 5s linear infinite;-webkit-transform:rotate(38deg);animation:move-jon-hand 5s linear infinite;background:#9d9ea3;height:1.68vw;left:1.7vw;position:absolute;top:16.4vw;transform:rotate(38deg);width:8.4vw}.jon__hand span:first-child{top:-.8vw}.jon__hand span:first-child,.jon__hand span:nth-child(2){background:#f0c8aa;border-radius:50%;height:2.64vw;left:6.96vw;position:absolute;width:2.64vw}.jon__hand span:nth-child(2){content:"";display:inline-block;top:-3.2vw}.jon__sword{-webkit-transform:rotate(38deg);background:#dfe1e8;border-top-left-radius:1.04vw;border-top-right-radius:1.04vw;height:17.2vw;left:16.25vw;position:relative;position:absolute;top:.75vw;transform:rotate(38deg);width:1.92vw;z-index:10;z-index:50}.jon__sword:before{border-bottom:17.2vw solid #fff;border-left:0 solid transparent;border-right:.88vw solid transparent;right:.08vw}.jon__sword:after,.jon__sword:before{content:"";height:0;position:absolute;top:0;width:0}.jon__sword:after{border-bottom:17.2vw solid #8f8f8f;border-left:.88vw solid transparent;border-right:0 solid transparent;left:.08vw}.jon__sword .left{background:grey;bottom:-.8vw;display:inline-block;height:.8vw;position:absolute;right:.56vw;width:2.64vw}.jon__sword .left:before{background:#b3b3b3;height:1.04vw;left:-.45vw;top:-.16vw;width:1.04vw}.jon__sword .left:after,.jon__sword .left:before{border-radius:50%;content:"";position:absolute}.jon__sword .left:after{background:#d9d9d9;height:.4vw;left:-.4vw;top:-.08vw;width:.4vw}.jon__sword .right{background:#b3b3b3;bottom:-.8vw;display:inline-block;height:.8vw;left:1.04vw;position:absolute;width:2.64vw}.jon__sword .right:before{background:#b3b3b3;height:1.04vw;right:-.45vw;top:-.16vw;width:1.04vw}.jon__sword .right:after,.jon__sword .right:before{border-radius:50%;content:"";position:absolute}.jon__sword .right:after{background:#d9d9d9;height:.4vw;right:-.4vw;top:-.08vw;width:.4vw}.jon__movable{-webkit-animation:jon-fight 5s linear infinite;animation:jon-fight 5s linear infinite;height:100%;left:0;position:absolute;top:0;width:100%;z-index:40}.jon .wolf{border-radius:50%;height:2.4vw;right:8vw;top:5.6vw;width:2.4vw;z-index:10}.jon .wolf:before{left:0}.jon .wolf:after,.jon .wolf:before{height:1.2vw;top:56%;width:.6vw}.jon .wolf:after{right:0}.jon .wolf__eye{border-radius:50%;height:.4vw;width:.4vw}.jon .wolf__eye-left{left:27%}.jon .wolf__eye-left,.jon .wolf__eye-right{bottom:30%}.jon .wolf__eye-right{right:27%}.jon .wolf__nose{left:41%;top:66%}.jon .wolf__nose-top{border-right:.2vw solid transparent;border-top:.6vw solid #000;bottom:36%;left:0}.jon .wolf__nose-bottom,.jon .wolf__nose-top{border-left:.2vw solid transparent}.jon .wolf__nose-bottom{border-bottom:.4vw solid #454545;right:12%}.jon .wolf__nose-bottom:after{border-bottom:.4vw solid #000;border-right:.2vw solid transparent;left:12%}.jon__earth{-webkit-transform:translateX(-50%);background:#597580;border-radius:.24vw;display:inline-block;height:.64vw;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:17.44vw}.jon__beard{bottom:.06vw;left:0;padding:0 .26vw 0 .36vw;position:absolute;right:0}.jon__beard ul{-ms-flex-pack:justify;-webkit-box-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin:0;padding:0}.jon__beard li{background:#765453;border-radius:.08vw;height:1.64vw;width:.16vw}.jon__beard li:first-child{height:.64vw}.jon__beard li:nth-child(2){height:1.12vw}.jon__beard li:nth-child(3){height:1.36vw}.jon__beard li:nth-child(4){height:1.52vw}.jon__beard li:last-child{height:.64vw}.jon__beard li:nth-last-child(2){height:1.12vw}.jon__beard li:nth-last-child(3){height:1.36vw}.jon__beard li:nth-last-child(4){height:1.52vw}.jon__eyelid{-webkit-animation:blink 4s infinite alternate;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 0;animation:blink 4s infinite alternate;background-color:#d19a84;border-radius:50%;height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:50% 0;width:100%}.jon .wolf{-webkit-transform:rotate(39deg);border-radius:.9vw;bottom:1.7vw;height:1.81vw;position:relative;position:absolute;right:9.5vw;top:auto;transform:rotate(39deg);width:1.81vw}.jon .wolf,.jon .wolf:before{background:#fff;display:inline-block}.jon .wolf:before{border-bottom-left-radius:.6vw;border-top-left-radius:.6vw;left:.16vw}.jon .wolf:after,.jon .wolf:before{content:"";height:.96vw;position:absolute;top:1vw;width:.36vw;z-index:-1}.jon .wolf:after{background:#fff;border-bottom-right-radius:.6vw;border-top-right-radius:.6vw;display:inline-block;right:.16vw}.jon .wolf__eye{background:#000;border-radius:12vw;display:inline-block;height:.24vw;width:.24vw}.jon .wolf__eye-left{left:.48vw}.jon .wolf__eye-left,.jon .wolf__eye-right{bottom:.48vw;position:absolute}.jon .wolf__eye-right{right:.48vw}.jon .wolf__nose{height:auto;height:.78vw;left:.68vw;position:absolute;top:.52vw;width:auto;width:.44vw}.jon .wolf__nose-top{border-right:.22vw solid transparent;border-top:.4vw solid #000;bottom:0}.jon .wolf__nose-bottom,.jon .wolf__nose-top{border-left:.22vw solid transparent;height:0;left:0;position:absolute;width:0}.jon .wolf__nose-bottom{border-bottom:.36vw solid #454545;border-right:0 solid transparent;top:0}.jon .wolf__nose-bottom:after{border-bottom:.36vw solid #000;border-left:0 solid transparent;border-right:.22vw solid transparent;content:"";height:0;left:0;position:absolute;top:0;width:0}.sky{background-color:#3d6b7a;border-radius:15vw 15vw 0 0;bottom:11vw;left:2vw;right:2vw;top:2vw;z-index:1}.sky,.snowflake{position:absolute}.snowflake{-webkit-animation:snow 30s linear infinite;-webkit-transform:translateY(-110vh);animation:snow 30s linear infinite;background-color:#fff;border-radius:50%;transform:translateY(-110vh)}.snowflakes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:9}.snowflake--1{-webkit-animation-delay:24s;animation-delay:24s;height:.79vw;left:97%;top:47%;width:.79vw}.snowflake--2{-webkit-animation-delay:9s;animation-delay:9s;height:.29vw;left:61%;top:2%;width:.29vw}.snowflake--3{-webkit-animation-delay:17s;animation-delay:17s;height:.31vw;left:24%;top:11%;width:.31vw}.snowflake--4{-webkit-animation-delay:2s;animation-delay:2s;height:1.06vw;left:40%;top:44%;width:1.06vw}.snowflake--5{-webkit-animation-delay:20s;animation-delay:20s;height:.86vw;left:75%;top:92%;width:.86vw}.snowflake--6{-webkit-animation-delay:12s;animation-delay:12s;height:.79vw;left:82%;top:91%;width:.79vw}.snowflake--7{-webkit-animation-delay:5s;animation-delay:5s;height:.8vw;left:92%;top:90%;width:.8vw}.snowflake--8{-webkit-animation-delay:17s;animation-delay:17s;height:.82vw;left:93%;top:54%;width:.82vw}.snowflake--9{-webkit-animation-delay:30s;animation-delay:30s;height:1.1vw;left:66%;top:84%;width:1.1vw}.snowflake--10{-webkit-animation-delay:17s;animation-delay:17s;height:.75vw;left:41%;top:90%;width:.75vw}.snowflake--11{-webkit-animation-delay:22s;animation-delay:22s;height:.97vw;left:58%;top:61%;width:.97vw}.snowflake--12{-webkit-animation-delay:1s;animation-delay:1s;height:.5vw;left:16%;top:21%;width:.5vw}.snowflake--13{-webkit-animation-delay:8s;animation-delay:8s;height:.87vw;left:96%;top:14%;width:.87vw}.snowflake--14{-webkit-animation-delay:18s;animation-delay:18s;height:.34vw;left:55%;top:39%;width:.34vw}.snowflake--15{-webkit-animation-delay:4s;animation-delay:4s;height:.69vw;left:25%;top:96%;width:.69vw}.snowflake--16{-webkit-animation-delay:24s;animation-delay:24s;height:.99vw;left:79%;top:83%;width:.99vw}.snowflake--17{-webkit-animation-delay:5s;animation-delay:5s;height:.45vw;left:60%;top:8%;width:.45vw}.snowflake--18{-webkit-animation-delay:27s;animation-delay:27s;height:.63vw;left:66%;top:28%;width:.63vw}.snowflake--19{-webkit-animation-delay:7s;animation-delay:7s;height:1.03vw;left:93%;top:47%;width:1.03vw}.snowflake--20{-webkit-animation-delay:8s;animation-delay:8s;height:.35vw;left:68%;top:93%;width:.35vw}.snowflake--21{-webkit-animation-delay:15s;animation-delay:15s;height:1.06vw;left:75%;top:99%;width:1.06vw}.snowflake--22{-webkit-animation-delay:7s;animation-delay:7s;height:.6vw;left:81%;top:88%;width:.6vw}.snowflake--23{-webkit-animation-delay:9s;animation-delay:9s;height:.46vw;left:52%;top:84%;width:.46vw}.snowflake--24{-webkit-animation-delay:18s;animation-delay:18s;height:.42vw;left:100%;top:42%;width:.42vw}.snowflake--25{-webkit-animation-delay:24s;animation-delay:24s;height:.27vw;left:60%;top:5%;width:.27vw}.snowflake--26{-webkit-animation-delay:7s;animation-delay:7s;height:.48vw;left:67%;top:60%;width:.48vw}.snowflake--27{-webkit-animation-delay:13s;animation-delay:13s;height:.4vw;left:33%;top:86%;width:.4vw}.snowflake--28{-webkit-animation-delay:21s;animation-delay:21s;height:.15vw;left:46%;top:37%;width:.15vw}.snowflake--29{-webkit-animation-delay:5s;animation-delay:5s;height:.84vw;left:54%;top:10%;width:.84vw}.snowflake--30{-webkit-animation-delay:30s;animation-delay:30s;height:.91vw;left:52%;top:26%;width:.91vw}.snowflake--31{-webkit-animation-delay:24s;animation-delay:24s;height:.36vw;left:48%;top:54%;width:.36vw}.snowflake--32{-webkit-animation-delay:10s;animation-delay:10s;height:.49vw;left:46%;top:91%;width:.49vw}.snowflake--33{-webkit-animation-delay:20s;animation-delay:20s;height:.65vw;left:91%;top:90%;width:.65vw}.snowflake--34{-webkit-animation-delay:6s;animation-delay:6s;height:.29vw;left:77%;top:53%;width:.29vw}.snowflake--35{-webkit-animation-delay:10s;animation-delay:10s;height:1.09vw;left:77%;top:30%;width:1.09vw}.snowflake--36{-webkit-animation-delay:20s;animation-delay:20s;height:.54vw;left:82%;top:11%;width:.54vw}.snowflake--37{-webkit-animation-delay:11s;animation-delay:11s;height:.35vw;left:48%;top:65%;width:.35vw}.snowflake--38{-webkit-animation-delay:27s;animation-delay:27s;height:.25vw;left:54%;top:22%;width:.25vw}.snowflake--39{-webkit-animation-delay:18s;animation-delay:18s;left:27%;top:1%}.snowflake--39,.snowflake--40{height:.73vw;width:.73vw}.snowflake--40{-webkit-animation-delay:16s;animation-delay:16s;left:68%;top:50%}.snowflake--41{-webkit-animation-delay:11s;animation-delay:11s;height:.81vw;left:22%;top:63%;width:.81vw}.snowflake--42{-webkit-animation-delay:21s;animation-delay:21s;height:.17vw;left:54%;top:12%;width:.17vw}.snowflake--43{-webkit-animation-delay:11s;animation-delay:11s;height:.56vw;left:80%;top:70%;width:.56vw}.snowflake--44{-webkit-animation-delay:6s;animation-delay:6s;height:.78vw;left:100%;top:60%;width:.78vw}.snowflake--45{-webkit-animation-delay:23s;animation-delay:23s;height:.23vw;left:34%;top:19%;width:.23vw}.snowflake--46{-webkit-animation-delay:20s;animation-delay:20s;height:1.1vw;left:40%;top:76%;width:1.1vw}.snowflake--47{-webkit-animation-delay:14s;animation-delay:14s;height:.89vw;left:86%;top:20%;width:.89vw}.snowflake--48{-webkit-animation-delay:21s;animation-delay:21s;height:.41vw;left:26%;top:31%;width:.41vw}.snowflake--49{-webkit-animation-delay:28s;animation-delay:28s;height:.55vw;left:45%;top:59%;width:.55vw}.snowflake--50{-webkit-animation-delay:10s;animation-delay:10s;height:.53vw;left:95%;top:43%;width:.53vw}.snowflake--51{-webkit-animation-delay:23s;animation-delay:23s;height:.52vw;left:38%;top:6%;width:.52vw}.snowflake--52{height:.9vw;left:34%;top:44%;width:.9vw}.snowflake--52,.snowflake--53{-webkit-animation-delay:6s;animation-delay:6s}.snowflake--53{height:.17vw;left:39%;top:99%;width:.17vw}.snowflake--54{-webkit-animation-delay:19s;animation-delay:19s;height:.39vw;left:86%;top:19%;width:.39vw}.snowflake--55{-webkit-animation-delay:16s;animation-delay:16s;height:1.03vw;left:47%;top:22%;width:1.03vw}.snowflake--56{height:.62vw;left:71%;top:6%;width:.62vw}.snowflake--56,.snowflake--57{-webkit-animation-delay:11s;animation-delay:11s}.snowflake--57{height:.53vw;left:36%;top:58%;width:.53vw}.snowflake--58{-webkit-animation-delay:14s;animation-delay:14s;height:.79vw;left:33%;top:5%;width:.79vw}.snowflake--59{-webkit-animation-delay:3s;animation-delay:3s;height:.18vw;left:28%;top:59%;width:.18vw}.snowflake--60{-webkit-animation-delay:5s;animation-delay:5s;height:.14vw;left:92%;top:15%;width:.14vw}.snowflake--61{-webkit-animation-delay:6s;animation-delay:6s;height:1.03vw;left:54%;top:78%;width:1.03vw}.snowflake--62{-webkit-animation-delay:23s;animation-delay:23s;height:.19vw;left:6%;top:80%;width:.19vw}.snowflake--63{-webkit-animation-delay:22s;animation-delay:22s;height:1vw;left:54%;top:57%;width:1vw}.snowflake--64{-webkit-animation-delay:15s;animation-delay:15s;height:.11vw;left:8%;top:43%;width:.11vw}.snowflake--65{-webkit-animation-delay:6s;animation-delay:6s;height:.4vw;left:38%;top:23%;width:.4vw}.snowflake--66{-webkit-animation-delay:30s;animation-delay:30s;height:.6vw;left:21%;top:18%;width:.6vw}.snowflake--67{height:.14vw;left:90%;top:6%;width:.14vw}.snowflake--67,.snowflake--68{-webkit-animation-delay:12s;animation-delay:12s}.snowflake--68{height:.41vw;left:53%;top:89%;width:.41vw}.snowflake--69{-webkit-animation-delay:3s;animation-delay:3s;height:.22vw;left:53%;top:59%;width:.22vw}.snowflake--70{-webkit-animation-delay:4s;animation-delay:4s;height:.33vw;left:13%;top:87%;width:.33vw}.snowflake--71{-webkit-animation-delay:21s;animation-delay:21s;height:.49vw;left:51%;top:24%;width:.49vw}.snowflake--72{-webkit-animation-delay:22s;animation-delay:22s;height:.51vw;left:61%;top:45%;width:.51vw}.snowflake--73{-webkit-animation-delay:15s;animation-delay:15s;height:.67vw;left:68%;top:16%;width:.67vw}.snowflake--74{-webkit-animation-delay:6s;animation-delay:6s;height:.76vw;left:38%;top:33%;width:.76vw}.snowflake--75{-webkit-animation-delay:25s;animation-delay:25s;height:.17vw;left:12%;top:53%;width:.17vw}.snowflake--76{-webkit-animation-delay:14s;animation-delay:14s;height:.96vw;left:58%;top:100%;width:.96vw}.snowflake--77{-webkit-animation-delay:17s;animation-delay:17s;height:1.01vw;left:35%;top:50%;width:1.01vw}.snowflake--78{-webkit-animation-delay:7s;animation-delay:7s;height:.39vw;left:57%;top:41%;width:.39vw}.snowflake--79{-webkit-animation-delay:11s;animation-delay:11s;height:.88vw;left:42%;top:20%;width:.88vw}.snowflake--80{-webkit-animation-delay:28s;animation-delay:28s;height:.63vw;left:9%;top:16%;width:.63vw}.snowflake--81{-webkit-animation-delay:30s;animation-delay:30s;height:.99vw;left:49%;top:70%;width:.99vw}.snowflake--82{-webkit-animation-delay:14s;animation-delay:14s;height:.65vw;left:100%;top:78%;width:.65vw}.snowflake--83{-webkit-animation-delay:4s;animation-delay:4s;height:.29vw;left:30%;top:37%;width:.29vw}.snowflake--84{-webkit-animation-delay:22s;animation-delay:22s;height:.8vw;left:88%;top:93%;width:.8vw}.snowflake--85{-webkit-animation-delay:7s;animation-delay:7s;height:.59vw;left:59%;top:16%;width:.59vw}.snowflake--86{-webkit-animation-delay:1s;animation-delay:1s;height:1vw;left:15%;top:93%;width:1vw}.snowflake--87{-webkit-animation-delay:19s;animation-delay:19s;height:1.02vw;left:16%;top:46%;width:1.02vw}.snowflake--88{-webkit-animation-delay:27s;animation-delay:27s;height:.78vw;left:12%;top:6%;width:.78vw}.snowflake--89{-webkit-animation-delay:14s;animation-delay:14s;height:.81vw;left:40%;top:47%;width:.81vw}.snowflake--90{-webkit-animation-delay:10s;animation-delay:10s;height:.99vw;left:11%;top:35%;width:.99vw}.snowflake--91{-webkit-animation-delay:12s;animation-delay:12s;height:.81vw;left:29%;top:28%;width:.81vw}.snowflake--92{-webkit-animation-delay:29s;animation-delay:29s;height:.37vw;left:61%;top:4%;width:.37vw}.snowflake--93{-webkit-animation-delay:30s;animation-delay:30s;height:.23vw;left:75%;top:95%;width:.23vw}.snowflake--94{-webkit-animation-delay:24s;animation-delay:24s;height:1.1vw;left:69%;top:55%;width:1.1vw}.snowflake--95{-webkit-animation-delay:20s;animation-delay:20s;height:.29vw;left:20%;top:86%;width:.29vw}.snowflake--96{-webkit-animation-delay:18s;animation-delay:18s;height:.55vw;left:14%;top:38%;width:.55vw}.snowflake--97{-webkit-animation-delay:6s;animation-delay:6s;height:.33vw;left:42%;top:61%;width:.33vw}.snowflake--98{-webkit-animation-delay:2s;animation-delay:2s;height:.3vw;left:98%;top:68%;width:.3vw}.snowflake--99{-webkit-animation-delay:20s;animation-delay:20s;height:.47vw;left:18%;top:18%;width:.47vw}.snowflake--100{-webkit-animation-delay:12s;animation-delay:12s;height:.81vw;left:89%;top:81%;width:.81vw}.snowflake--101{-webkit-animation-delay:18s;animation-delay:18s;height:.24vw;left:89%;top:42%;width:.24vw}.snowflake--102{-webkit-animation-delay:24s;animation-delay:24s;height:1.04vw;left:1%;top:37%;width:1.04vw}.snowflake--103{-webkit-animation-delay:10s;animation-delay:10s;height:.41vw;left:57%;top:10%;width:.41vw}.snowflake--104{-webkit-animation-delay:16s;animation-delay:16s;height:.66vw;left:87%;top:15%;width:.66vw}.snowflake--105{-webkit-animation-delay:12s;animation-delay:12s;height:.57vw;left:41%;top:93%;width:.57vw}.snowflake--106{-webkit-animation-delay:4s;animation-delay:4s;height:.16vw;left:47%;top:46%;width:.16vw}.snowflake--107{-webkit-animation-delay:23s;animation-delay:23s;height:.95vw;left:45%;top:80%;width:.95vw}.snowflake--108{-webkit-animation-delay:14s;animation-delay:14s;height:.24vw;left:60%;top:85%;width:.24vw}.snowflake--109{-webkit-animation-delay:16s;animation-delay:16s;height:1.01vw;left:72%;top:60%;width:1.01vw}.snowflake--110{-webkit-animation-delay:28s;animation-delay:28s;height:.8vw;left:95%;top:6%;width:.8vw}.snowflake--111{-webkit-animation-delay:18s;animation-delay:18s;height:.33vw;left:23%;top:93%;width:.33vw}.snowflake--112{height:.41vw;left:72%;top:38%;width:.41vw}.snowflake--112,.snowflake--113{-webkit-animation-delay:14s;animation-delay:14s}.snowflake--113{height:.48vw;left:82%;top:8%;width:.48vw}.snowflake--114{-webkit-animation-delay:16s;animation-delay:16s;height:.63vw;left:56%;top:58%;width:.63vw}.snowflake--115{-webkit-animation-delay:30s;animation-delay:30s;height:.39vw;left:17%;top:63%;width:.39vw}.snowflake--116{-webkit-animation-delay:27s;animation-delay:27s;height:.89vw;left:31%;top:26%;width:.89vw}.snowflake--117{-webkit-animation-delay:28s;animation-delay:28s;height:.73vw;left:97%;top:75%;width:.73vw}.snowflake--118{-webkit-animation-delay:26s;animation-delay:26s;height:.75vw;left:7%;top:97%;width:.75vw}.snowflake--119{-webkit-animation-delay:7s;animation-delay:7s;height:1.1vw;left:25%;top:47%;width:1.1vw}.snowflake--120{-webkit-animation-delay:15s;animation-delay:15s;height:.16vw;left:28%;top:92%;width:.16vw}.snowflake--121{-webkit-animation-delay:1s;animation-delay:1s;height:.33vw;left:73%;top:11%;width:.33vw}.snowflake--122{-webkit-animation-delay:13s;animation-delay:13s;height:.21vw;left:63%;top:46%;width:.21vw}.snowflake--123{-webkit-animation-delay:20s;animation-delay:20s;height:.32vw;left:9%;top:100%;width:.32vw}.snowflake--124{-webkit-animation-delay:12s;animation-delay:12s;height:.85vw;left:60%;top:31%;width:.85vw}.snowflake--125{-webkit-animation-delay:20s;animation-delay:20s;height:.4vw;left:24%;top:20%;width:.4vw}.snowflake--126{-webkit-animation-delay:29s;animation-delay:29s;height:.82vw;left:83%;top:68%;width:.82vw}.snowflake--127{-webkit-animation-delay:11s;animation-delay:11s;height:.96vw;left:71%;top:59%;width:.96vw}.snowflake--128{-webkit-animation-delay:28s;animation-delay:28s;height:.78vw;left:29%;top:23%;width:.78vw}.snowflake--129{-webkit-animation-delay:29s;animation-delay:29s;height:1vw;left:68%;top:8%;width:1vw}.snowflake--130{-webkit-animation-delay:7s;animation-delay:7s;height:.62vw;left:59%;top:11%;width:.62vw}.snowflake--131{height:.36vw;left:65%;top:57%;width:.36vw}.snowflake--131,.snowflake--132{-webkit-animation-delay:11s;animation-delay:11s}.snowflake--132{height:.67vw;left:77%;top:59%;width:.67vw}.snowflake--133{-webkit-animation-delay:22s;animation-delay:22s;height:.78vw;left:56%;top:82%;width:.78vw}.snowflake--134{-webkit-animation-delay:9s;animation-delay:9s;height:.94vw;left:24%;top:56%;width:.94vw}.snowflake--135{-webkit-animation-delay:10s;animation-delay:10s;height:.16vw;left:92%;top:8%;width:.16vw}.snowflake--136{-webkit-animation-delay:21s;animation-delay:21s;height:.73vw;left:12%;top:37%;width:.73vw}.snowflake--137{-webkit-animation-delay:5s;animation-delay:5s;height:.28vw;left:90%;top:72%;width:.28vw}.snowflake--138{-webkit-animation-delay:7s;animation-delay:7s;height:.73vw;left:29%;top:56%;width:.73vw}.snowflake--139{-webkit-animation-delay:9s;animation-delay:9s;height:.56vw;left:59%;top:71%;width:.56vw}.snowflake--140{-webkit-animation-delay:14s;animation-delay:14s;height:.87vw;left:45%;top:24%;width:.87vw}.snowflake--141{-webkit-animation-delay:27s;animation-delay:27s;height:.46vw;left:5%;top:95%;width:.46vw}.snowflake--142{-webkit-animation-delay:15s;animation-delay:15s;height:.89vw;left:36%;top:63%;width:.89vw}.snowflake--143{-webkit-animation-delay:21s;animation-delay:21s;height:.72vw;left:62%;top:81%;width:.72vw}.snowflake--144{-webkit-animation-delay:14s;animation-delay:14s;height:.46vw;left:53%;top:82%;width:.46vw}.snowflake--145{-webkit-animation-delay:21s;animation-delay:21s;height:.12vw;left:95%;top:69%;width:.12vw}.snowflake--146{-webkit-animation-delay:12s;animation-delay:12s;height:.68vw;left:64%;top:42%;width:.68vw}.snowflake--147{-webkit-animation-delay:9s;animation-delay:9s;height:.88vw;left:40%;top:79%;width:.88vw}.snowflake--148{-webkit-animation-delay:23s;animation-delay:23s;height:.28vw;left:62%;top:73%;width:.28vw}.snowflake--149{-webkit-animation-delay:24s;animation-delay:24s;height:.24vw;left:16%;top:53%;width:.24vw}.snowflake--150{-webkit-animation-delay:2s;animation-delay:2s;height:1.04vw;left:64%;top:93%;width:1.04vw}.trees{bottom:12.98593879239041vw;position:absolute;z-index:4}.trees--left{height:9.14vw;left:4.37vw;width:11.66vw}.trees--left .tree-medium{height:6.8vw;left:0;position:absolute;top:.97vw;width:5.73vw}.trees--left .tree-medium .tree__top{border-bottom:2.82vw solid #3e7a78;border-left:1.75vw solid transparent;border-right:1.75vw solid transparent;height:0;left:1.17vw;position:absolute;top:0;width:0}.trees--left .tree-medium .tree__middle{border-bottom:3.6vw solid #3e7a78;border-left:2.33vw solid transparent;border-right:2.33vw solid transparent;height:0;left:.68vw;position:absolute;top:1.17vw;width:0}.trees--left .tree-medium .tree__bottom{border-bottom:3.89vw solid #3e7a78;border-left:3.01vw solid transparent;border-right:3.01vw solid transparent;bottom:0;height:0;left:0;position:absolute;width:0}.trees--left .tree-large{height:9.04vw;position:absolute;right:0;top:0;width:7.77vw}.trees--left .tree-large .tree__top{border-bottom:3.6vw solid #3e7a78;border-left:2.43vw solid transparent;border-right:2.43vw solid transparent;height:0;left:1.55vw;position:absolute;top:0;width:0}.trees--left .tree-large .tree__middle{border-bottom:4.37vw solid #3e7a78;border-left:3.3vw solid transparent;border-right:3.3vw solid transparent;height:0;left:.58vw;position:absolute;top:1.94vw;width:0}.trees--left .tree-large .tree__bottom{border-bottom:5.54vw solid #3e7a78;border-left:3.89vw solid transparent;border-right:3.89vw solid transparent;bottom:0;height:0;left:0;position:absolute;width:0}.trees--right{height:9.04vw;right:3.89vw;width:15.06vw}.trees--right .tree-small{height:5.44vw;left:0;position:absolute;top:2.92vw;width:3.3vw}.trees--right .tree-small .tree__top{border-bottom:2.14vw solid #3e7a78;border-left:1.07vw solid transparent;border-right:1.07vw solid transparent;height:0;left:.58vw;position:absolute;top:0;width:0}.trees--right .tree-small .tree__middle{border-bottom:2.53vw solid #3e7a78;border-left:1.36vw solid transparent;border-right:1.36vw solid transparent;height:0;left:.29vw;position:absolute;top:1.26vw;width:0}.trees--right .tree-small .tree__bottom{border-bottom:3.4vw solid #3e7a78;border-left:1.65vw solid transparent;border-right:1.65vw solid transparent;bottom:0;height:0;left:0;position:absolute;width:0}.trees--right .tree-large{height:9.04vw;left:4.37vw;position:absolute;top:0;width:7.77vw}.trees--right .tree-large .tree__top{border-bottom:3.6vw solid #3e7a78;border-left:2.43vw solid transparent;border-right:2.43vw solid transparent;height:0;left:1.55vw;position:absolute;top:0;width:0}.trees--right .tree-large .tree__middle{border-bottom:4.37vw solid #3e7a78;border-left:3.21vw solid transparent;border-right:3.21vw solid transparent;height:0;left:.68vw;position:absolute;top:1.75vw;width:0}.trees--right .tree-large .tree__bottom{border-bottom:5.54vw solid #3e7a78;border-left:3.89vw solid transparent;border-right:3.89vw solid transparent;bottom:0;height:0;left:0;position:absolute;width:0}.trees--right .tree-medium{height:7vw;position:absolute;right:0;top:.87vw;width:5.83vw}.trees--right .tree-medium .tree__top{border-bottom:2.82vw solid #3e7a78;border-left:1.85vw solid transparent;border-right:1.85vw solid transparent;height:0;left:1.17vw;position:absolute;top:0;width:0}.trees--right .tree-medium .tree__middle{border-bottom:3.69vw solid #3e7a78;border-left:2.43vw solid transparent;border-right:2.43vw solid transparent;height:0;left:.58vw;position:absolute;top:.97vw;width:0}.trees--right .tree-medium .tree__bottom{border-bottom:5.54vw solid #3e7a78;border-left:2.92vw solid transparent;border-right:2.92vw solid transparent;bottom:0;height:0;left:0;position:absolute;width:0}.wall{background:#f0f5f9;bottom:14.39vw;height:33.91vw;left:6.78vw;position:absolute;width:86.27vw;z-index:3}.wall__part ul{list-style:none outside none}.wall__part--right ul{-webkit-transform:scaleX(-1);right:0;transform:scaleX(-1)}.wall__part--side ul{height:100%;left:0;position:absolute;top:-1.24vw}.wall__part--side li:first-child{background:#f0f5f9;bottom:0;height:36.39vw;left:.91vw;position:absolute;width:8.44vw}.wall__part--side li:nth-child(2){border-left:.68vw solid transparent;border-right:.74vw solid transparent;border-top:9.844vw solid #d1e1f0;bottom:1.82vw;height:0;position:absolute;right:calc(100% + 1vw);width:0;z-index:20}.wall__part--side li:nth-child(3){background:#f0f5f9;bottom:1.65vw;height:20.51vw;position:absolute;right:calc(100% - .17vw);width:2.81vw}.wall__part--side li:nth-child(4){border-bottom:11.5vw solid #f0f5f9;border-left:2.98vw solid transparent;border-right:.66vw solid transparent;height:0;position:absolute;right:calc(100% - .99vw);top:.41vw;width:0}.wall__part--side li:nth-child(5){border-bottom:28.7vw solid #d1e1f0;border-left:1.32vw solid transparent;border-right:2.48vw solid transparent;bottom:-.66vw;height:0;left:.08vw;position:absolute;width:0}.wall__part--side li:nth-child(6){border-left:2.56vw solid transparent;border-right:.33vw solid transparent;border-top:25.89vw solid #fff;height:0;left:2.65vw;position:absolute;top:-4.14vw;width:0}.wall__part--side li:nth-child(7){border-left:.99vw solid transparent;border-right:2.23vw solid transparent;border-top:38.88vw solid #fff;height:0;left:7.69vw;position:absolute;top:-4.47vw;width:0;z-index:5}.wall__part--side li:nth-child(8){background:#dfe8f1;bottom:-.66vw;height:38.21vw;left:8.6vw;position:absolute;width:3.8vw}.wall__part--side li:nth-child(9){border-bottom:36.72vw solid #d0e0ed;border-left:1.41vw solid transparent;border-right:.17vw solid transparent;bottom:-.66vw;height:0;left:10.92vw;position:absolute;width:0}.wall__part--center{height:100%;left:14.31vw;position:absolute;top:0;width:57.49vw}.wall__part--center li,.wall__part--center li:after,.wall__part--center li:before{content:"";position:absolute;z-index:10}.wall__part--center li:first-child{border-bottom:33.66vw solid transparent;border-left:3.14vw solid #dfe8f1;left:0;top:-.66vw}.wall__part--center li:nth-child(2){border-right:2.32vw solid #fff;border-top:25.97vw solid transparent;bottom:-.08vw;left:1.08vw}.wall__part--center li:nth-child(3){-webkit-transform:rotate(1.5deg);border-left:3.06vw solid #fff;border-top:32.34vw solid transparent;bottom:-.08vw;left:5.38vw;transform:rotate(1.5deg)}.wall__part--center li:nth-child(4){background:#dfe8f1;bottom:-.17vw;height:36.06vw;left:5.79vw;width:3.8vw;z-index:5}.wall__part--center li:nth-child(4):after{border-bottom:31.6vw solid transparent;border-right:1.49vw solid #d1e1f0;right:0;top:.41vw}.wall__part--center li:nth-child(5){border-bottom:21.59vw solid #dfe8f1;border-left:3.56vw solid #dfe8f1;border-right:3.89vw solid transparent;left:11.99vw;top:-.5vw}.wall__part--center li:nth-child(6){border-left:3.31vw solid transparent;border-right:4.14vw solid transparent;border-top:12.49vw solid #d1e1f0;bottom:.33vw;left:11.99vw}.wall__part--center li:nth-child(7){border-bottom:22.83vw solid transparent;border-right:4.05vw solid #fff;left:15.38vw;top:-1.49vw}.wall__part--center li:nth-child(8){border-bottom:12.99vw solid #fff;border-left:4.55vw solid transparent;border-right:.25vw solid transparent;bottom:-.17vw;left:14.97vw}.wall__part--center li:nth-child(8),.wall__part--center li:nth-child(9){-webkit-transform:rotate(-1deg);transform:rotate(-1deg);z-index:5}.wall__part--center li:nth-child(9){border-bottom:33.66vw solid #d1e1f0;border-left:4.14vw solid transparent;border-right:3.89vw solid transparent;bottom:.17vw;left:20.1vw}.wall__part--center li:nth-child(9):before{-webkit-transform:rotate(-7deg);border-bottom:15.14vw solid transparent;border-right:2.48vw solid #dfe8f1;border-top:18.11vw solid transparent;right:-1.99vw;top:.66vw;transform:rotate(-7deg)}.wall__part--center li:nth-child(9):after{border-right:1.16vw solid #fff;border-top:8.11vw solid transparent;right:-2.07vw;top:25.81vw}.wall__part--center li:nth-child(10){border-left:2.15vw solid transparent;border-right:1.24vw solid transparent;border-top:20.76vw solid #fff;left:24.65vw;top:-.5vw}.wall__part--center li:nth-child(11){border-right:2.48vw solid #d1e1f0;border-top:33.25vw solid transparent;bottom:-.08vw;left:30.19vw}.wall__part--center li:nth-child(12){background:#dfe8f1;bottom:-.17vw;height:34.24vw;left:32.75vw;width:3.8vw}.wall__part--center li:nth-child(12):before{border-left:1.82vw solid #fff;border-top:7.86vw solid transparent;bottom:.17vw;left:-.17vw}.wall__part--center li:nth-child(12):after{border-left:.99vw solid transparent;border-right:2.23vw solid transparent;border-top:34vw solid #fff;right:-.91vw;top:-.5vw}.wall__part--center li:nth-child(13){border-bottom:21.09vw solid #d1e1f0;border-left:2.15vw solid transparent;border-right:1.41vw solid transparent;bottom:0;left:36.48vw}.wall__part--center li:nth-child(14){-webkit-transform:rotate(-1deg);border-left:4.14vw solid transparent;border-right:4.8vw solid transparent;border-top:33.66vw solid #d1e1f0;bottom:.17vw;left:39.54vw;transform:rotate(-1deg);z-index:5}.wall__part--center li:nth-child(14):before{-webkit-transform:rotate(8deg);border-bottom:18.61vw solid transparent;border-right:2.65vw solid #dfe8f1;border-top:14.39vw solid transparent;right:-2.4vw;top:-33.91vw;transform:rotate(8deg)}.wall__part--center li:nth-child(15){background:#dfe8f1;height:35.57vw;right:4.88vw;top:-1.16vw;width:3.89vw;z-index:5}.wall__part--center li:nth-child(15):before{border-left:.91vw solid transparent;border-right:2.23vw solid transparent;border-top:34.66vw solid #fff;left:-.66vw;top:.58vw}.wall__part--center li:nth-child(15):after{border-right:1.49vw solid #d1e1f0;border-top:31.6vw solid transparent;bottom:0;right:0}.wall__part--center li:nth-child(16){border-right:2.56vw solid #d1e1f0;border-top:35.24vw solid transparent;bottom:-.08vw;right:-.17vw}.white-walker{bottom:9vw;height:14.948vw;left:57.5vw;position:absolute;width:15.417vw;z-index:7}.white-walker .head{-webkit-transform:translateX(-50%);background:#97bfd8;bottom:9.76vw;height:13.98vw;left:calc(50% + 1.32vw);transform:translateX(-50%);width:17.78vw;z-index:1}.white-walker .head,.white-walker .head__inner{border-radius:2.15vw;position:absolute}.white-walker .head__inner{bottom:0;left:0;overflow:hidden;right:0;top:0}.white-walker .head__inner:after{-webkit-transform:rotate(-12deg);background:#6599b8;bottom:-.25vw;content:"";height:11.75vw;left:-1.24vw;position:absolute;transform:rotate(-12deg);width:2.32vw}.white-walker .ear__left{-webkit-animation:move-ears 10s linear infinite;-webkit-transform:translateY(-50%);-webkit-transform-origin:100% 0;animation:move-ears 10s linear infinite;background:#216585;border-radius:0 0 0 1.99vw;height:3.64vw;position:absolute;right:100%;top:50%;transform:translateY(-50%);transform-origin:100% 0;width:1.99vw}.white-walker .ear__left:after{background:#000c10;border-radius:0 0 0 1.57vw;content:"";height:1.82vw;right:0;width:1.57vw}.white-walker .ear__left:after,.white-walker .ear__right{-webkit-transform:translateY(-50%);position:absolute;top:50%;transform:translateY(-50%)}.white-walker .ear__right{-webkit-animation:move-ears 10s linear infinite;-webkit-transform-origin:0 0;animation:move-ears 10s linear infinite;background:#216585;border-radius:0 0 1.99vw 0;height:3.64vw;left:100%;transform-origin:0 0;width:1.99vw}.white-walker .ear__right:after{-webkit-transform:translateY(-50%);background:#000c10;border-radius:0 0 1.57vw 0;content:"";height:1.82vw;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1.57vw}.white-walker .eye{-webkit-box-shadow:-.33vw 0 0 .58vw #216585;background:#3dafff;box-shadow:-.33vw 0 0 .58vw #216585;height:4.71vw;top:5.13vw;width:4.71vw;z-index:5}.white-walker .eye,.white-walker .eye:before{border-radius:50%;position:absolute}.white-walker .eye:before{-webkit-animation:walker-watch 10s linear infinite;-webkit-transform:translate(-50%,-50%);animation:walker-watch 10s linear infinite;background:#231f20;content:"";display:inline-block;height:2.32vw;left:50%;top:50%;transform:translate(-50%,-50%);width:2.32vw}.white-walker .eye:after{background:#fff;border-radius:50%;content:"";display:inline-block;height:1.9vw;left:.33vw;position:absolute;top:.66vw;width:1.9vw}.white-walker .eye--left{left:2.65vw}.white-walker .eye--right{-webkit-box-shadow:.33vw 0 0 .58vw #216585;box-shadow:.33vw 0 0 .58vw #216585;right:2.65vw}.white-walker .eyebrow{background:#97bfd8;height:2.98vw;position:absolute;top:3.47vw;width:6.04vw;z-index:6}.white-walker .eyebrow--left{-webkit-transform:rotate(5deg);left:1.9vw;transform:rotate(5deg)}.white-walker .eyebrow--left:before{-webkit-transform:skewX(30deg);background:#b8defa;bottom:.25vw;content:"";height:.66vw;left:0;position:absolute;transform:skewX(30deg);width:4.47vw}.white-walker .eyebrow--left:after{-webkit-transform:skewX(15deg);border-color:transparent transparent transparent #b8defa;border-style:solid;border-width:2.73vw 0 1.82vw .74vw;bottom:-1.49vw;content:"";display:inline-block;height:0;left:-.66vw;position:absolute;transform:skewX(15deg);width:0}.white-walker .eyebrow--right{-webkit-transform:rotate(-5deg);right:1.9vw;transform:rotate(-5deg)}.white-walker .eyebrow--right:before{background:#b8defa;bottom:.25vw;height:.66vw;right:0;width:4.47vw}.white-walker .eyebrow--right:after,.white-walker .eyebrow--right:before{-webkit-transform:skewX(-11deg);content:"";position:absolute;transform:skewX(-11deg)}.white-walker .eyebrow--right:after{border-color:transparent #b8defa transparent transparent;border-style:solid;border-width:2.73vw .91vw 1.82vw 0;bottom:-1.49vw;display:inline-block;height:0;right:-.66vw;width:0}.white-walker .eyelid{-webkit-animation:blink 6s infinite alternate;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 0;animation:blink 6s infinite alternate;background-color:#216585;border-radius:50%;height:102%;left:-1%;position:absolute;top:0;transform:scaleY(0);transform-origin:50% 0;width:102%}.white-walker .cheek-left{-webkit-transform:rotate(-20deg);background:#aed3ed;border-radius:0 0 10% 50%;bottom:2.23vw;height:2.23vw;left:2.07vw;position:absolute;transform:rotate(-20deg);width:2.15vw}.white-walker .cheek-left:after{-webkit-transform:rotate(45deg);background:#97bfd8;content:"";display:inline-block;height:2.32vw;left:.33vw;position:absolute;top:-.91vw;transform:rotate(45deg);width:3.14vw}.white-walker .cheek-right{-webkit-transform:rotate(-80deg);background:#aed3ed;border-radius:0 0 10% 50%;bottom:2.23vw;height:2.23vw;position:absolute;right:2.07vw;transform:rotate(-80deg);width:2.15vw}.white-walker .cheek-right:after{-webkit-transform:rotate(45deg);background:#97bfd8;content:"";display:inline-block;height:2.32vw;left:.33vw;position:absolute;top:-.91vw;transform:rotate(45deg);width:3.14vw}.white-walker .mouth{-webkit-transform:translateX(-50%);background:#231f20;border-radius:.17vw;bottom:2.07vw;height:.25vw;left:50%;position:absolute;transform:translateX(-50%);width:3.39vw}.white-walker .mouth:before{-webkit-transform:translateY(-65%) skewX(10deg);border-color:transparent transparent transparent #6599b8;border-width:.62vw 0 .62vw .5vw;right:104%;transform:translateY(-65%) skewX(10deg)}.white-walker .mouth:after,.white-walker .mouth:before{border-style:solid;content:"";display:inline-block;height:0;position:absolute;top:50%;width:0}.white-walker .mouth:after{-webkit-transform:translateY(-65%) skewX(-10deg);border-color:transparent #6599b8 transparent transparent;border-width:.62vw .5vw .62vw 0;left:104%;transform:translateY(-65%) skewX(-10deg)}.white-walker .nose{-webkit-transform:translateX(-50%);bottom:3.23vw;height:4.55vw;left:50%;position:absolute;transform:translateX(-50%);width:3.31vw}.white-walker .nose__upper:after,.white-walker .nose__upper:before{content:"";display:block;height:0;left:50%;position:absolute;top:0;width:0}.white-walker .nose__upper:before{border:1vw solid transparent;border-top-color:#b9def9;margin:1vw 0 0 -1vw}.white-walker .nose__upper:after{border:.75vw solid transparent;border-bottom:.5vw solid #aed3ed;margin:-.5vw 0 0 -.75vw}.white-walker .nose__upper-left,.white-walker .nose__upper-right{background-color:#aed3ed;height:1.5vw;left:50%;position:absolute;top:45%;width:1vw}.white-walker .nose__upper-left:before,.white-walker .nose__upper-right:before{background-color:#aed3ed;bottom:100%;content:"";height:.75vw;position:absolute;width:.3vw}.white-walker .nose__upper-left{-webkit-transform:rotate(-45deg);margin-left:-.7vw;transform:rotate(-45deg)}.white-walker .nose__upper-left:before{right:0}.white-walker .nose__upper-right{-webkit-transform:rotate(45deg);margin-left:-.3vw;transform:rotate(45deg)}.white-walker .nose__upper-right:before{left:0}.white-walker .nostril--left{-webkit-transform:skewY(40deg);background:#216585;bottom:0;height:.91vw;left:0;position:absolute;transform:skewY(40deg);width:1.65vw}.white-walker .nostril--left:after{border-color:transparent transparent transparent #000913;border-style:solid;border-width:.74vw 0 0 .74vw;bottom:0;content:"";display:inline-block;height:0;left:.41vw;position:absolute;width:0}.white-walker .nostril--right{-webkit-transform:skewY(-40deg);background:#6599b8;bottom:0;height:.91vw;position:absolute;right:0;transform:skewY(-40deg);width:1.65vw}.white-walker .nostril--right:after{border-color:transparent transparent #000913;border-style:solid;border-width:0 0 .74vw .74vw;bottom:0;content:"";display:inline-block;height:0;left:.41vw;position:absolute;width:0}.white-walker .chin{-webkit-transform:translateX(-50%);border-bottom:.66vw solid #aed3ed;border-left:.41vw solid transparent;border-right:.41vw solid transparent;bottom:.41vw;transform:translateX(-50%)}.white-walker .chin,.white-walker .chin__inner{height:0;left:50%;position:absolute;width:2.23vw}.white-walker .chin__inner{-webkit-transform:translateX(-50%) rotate(180deg);border-bottom:.5vw solid #6599b8;border-left:.33vw solid transparent;border-right:.33vw solid transparent;bottom:0;transform:translateX(-50%) rotate(180deg)}.white-walker .chin:after,.white-walker .chin:before{border:.3vw solid transparent;border-top:1vw solid #6599b8;content:"";display:block;height:0;position:absolute;top:-.05vw;width:0}.white-walker .chin:before{-webkit-transform:rotate(45deg);-webkit-transform-origin:100% 0;right:100%;transform:rotate(45deg);transform-origin:100% 0}.white-walker .chin:after{-webkit-transform:rotate(-45deg);-webkit-transform-origin:0 0;border-top:1vw solid #6599b8;left:100%;transform:rotate(-45deg);transform-origin:0 0}.white-walker .mustache{bottom:100%;position:absolute}.white-walker .mustache:after,.white-walker .mustache:before{border:.2vw solid transparent;bottom:0;content:"";display:block;height:0;position:absolute;width:0}.white-walker .mustache:before{border-bottom:1vw solid #aed4eb}.white-walker .mustache:after{border-bottom:1.2vw solid #aed4eb}.white-walker .mustache--left{left:0}.white-walker .mustache--left:before{-webkit-transform:skew(45deg);left:-.4vw;transform:skew(45deg)}.white-walker .mustache--left:after{-webkit-transform:skew(50deg);left:.1vw;transform:skew(50deg)}.white-walker .mustache--right{right:0}.white-walker .mustache--right:before{-webkit-transform:skew(-45deg);right:-.4vw;transform:skew(-45deg)}.white-walker .mustache--right:after{-webkit-transform:skew(-50deg);right:.1vw;transform:skew(-50deg)}.white-walker .dimples{-webkit-transform:rotate(-26deg);background:#aed3ed;border-radius:1.65vw;bottom:.66vw;height:2.07vw;left:5.62vw;position:absolute;transform:rotate(-26deg);width:.33vw}.white-walker .dimples:before{height:1.49vw;right:.66vw;top:.25vw}.white-walker .dimples:after,.white-walker .dimples:before{background:#aed3ed;border-radius:1.65vw;content:"";position:absolute;width:.33vw}.white-walker .dimples:after{height:.83vw;right:1.32vw;top:.58vw}.white-walker .dimples--right{-webkit-transform:scaleX(-1) rotate(-26deg);left:auto;right:5.62vw;transform:scaleX(-1) rotate(-26deg)}.white-walker .horns{-webkit-transform:rotate(6deg);border-color:transparent transparent #b8defa;border-style:solid;border-width:0 .41vw 3.23vw;bottom:calc(100% - 1.82vw);display:inline-block;height:0;left:.41vw;position:absolute;transform:rotate(6deg);width:0}.white-walker .horns:before{left:.25vw;top:-.17vw}.white-walker .horns:after,.white-walker .horns:before{border-color:transparent transparent #b8defa;border-style:solid;border-width:0 .41vw 3.23vw;content:"";display:inline-block;height:0;position:absolute;width:0}.white-walker .horns:after{left:.91vw;top:-.74vw}.white-walker .horns--right{-webkit-transform:scaleX(-1) rotate(6deg);left:auto;right:.41vw;transform:scaleX(-1) rotate(6deg)}.white-walker .middle-horns{-webkit-transform:skewY(15deg) rotate(3deg);border-width:0 .5vw 1.99vw;left:5.13vw;top:.58vw;transform:skewY(15deg) rotate(3deg);z-index:10}.white-walker .middle-horns,.white-walker .middle-horns:before{border-color:transparent transparent #b8defa;border-style:solid;display:inline-block;height:0;position:absolute;width:0}.white-walker .middle-horns:before{border-width:0 .5vw 1.57vw;content:"";left:.99vw;top:.41vw}.white-walker .middle-horns--right{-webkit-transform:scaleX(-1) skewY(15deg) rotate(3deg);left:auto;right:5.13vw;transform:scaleX(-1) skewY(15deg) rotate(3deg)}.white-walker .large-horns{-webkit-transform:rotate(-47deg);-webkit-transform-origin:0 0;background-color:#b9def9;height:8.2vw;left:1.75vw;position:absolute;top:.75vw;transform:rotate(-47deg);transform-origin:0 0;width:.75vw;z-index:8}.white-walker .large-horns--right{-webkit-transform:scaleX(-1) rotate(-47deg);-webkit-transform-origin:100% 0;left:auto;right:2.3vw;top:.2vw;transform:scaleX(-1) rotate(-47deg);transform-origin:100% 0}.white-walker .large-horns:before{-webkit-transform:skew(-30deg) rotate(-28deg);-webkit-transform-origin:100% 100%;border:.15vw solid transparent;border-bottom:8vw solid #aed3ed;bottom:0;margin:0 .2vw 1vw 0;right:100%;transform:skew(-30deg) rotate(-28deg);transform-origin:100% 100%}.white-walker .large-horns:after,.white-walker .large-horns:before{content:"";display:block;height:0;position:absolute;width:0}.white-walker .large-horns:after{border:.75vw solid transparent;border-top:.5vw solid #aed3ed;left:50%;margin:.2vw 0 0 -.25vw;top:100%}.white-walker .large-horns:after,.white-walker .large-horns__inner{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.white-walker .large-horns__inner{-webkit-transform-origin:100% 100%;background-color:#649ab6;bottom:.2vw;height:.75vw;left:.15vw;position:absolute;transform-origin:100% 100%;width:1.25vw}.white-walker .large-horns__inner:after,.white-walker .large-horns__inner:before{content:"";display:block;height:0;position:absolute;width:0}.white-walker .large-horns__inner:before{border-bottom:.75vw solid #649ab6;border-left:.25vw solid transparent;right:100%;top:0}.white-walker .large-horns__inner:after{-webkit-transform:rotate(15deg);-webkit-transform-origin:100% 100%;border:.3vw solid transparent;border-bottom:3vw solid #649ab6;bottom:0;right:.1vw;transform:rotate(15deg);transform-origin:100% 100%}.white-walker .large-horns__shape{-webkit-transform:rotate(60deg);-webkit-transform-origin:50% 50%;border:.25vw solid transparent;border-top:1vw solid #aed3ed;margin:-.75vw 0 0 .15vw;top:100%;transform:rotate(60deg);transform-origin:50% 50%;z-index:11}.white-walker .large-horns__shape,.white-walker .large-horns__shape:before{display:block;height:0;left:0;position:absolute;width:0}.white-walker .large-horns__shape:before{-webkit-transform:rotate(-65deg);border:.15vw solid transparent;border-bottom:2vw solid #aed3ed;bottom:100%;content:"";margin:0 0 .25vw -.9vw;transform:rotate(-65deg)}.white-walker .body{bottom:0;height:9.76vw;z-index:2}.white-walker .body,.white-walker .body:after{left:50%;margin-left:-7.86vw;position:absolute;width:17.37vw}.white-walker .body:after{background-color:#bdbdbd;border-radius:.58vw;content:"";display:block;height:.58vw;top:100%}.white-walker .body-inner{height:100%;left:.83vw;overflow:hidden;position:relative;width:100%;z-index:1}.white-walker .leg{background-color:#0c5566;bottom:0;height:2.65vw;left:50%;position:absolute;width:1.08vw}.white-walker .leg--left{margin-left:1.08vw}.white-walker .leg--left .foot{border-top-right-radius:.91vw;left:0}.white-walker .leg--right{margin-left:-2.65vw}.white-walker .leg--right .foot{border-top-left-radius:.91vw;right:0}.white-walker .foot{background-color:#000;bottom:0;height:.91vw;position:absolute;width:2.15vw}.white-walker .torso{height:7.2vw;margin-left:-4.14vw;width:7.61vw}.white-walker .torso,.white-walker .torso:before{left:50%;position:absolute;top:0}.white-walker .torso:before{background-color:#1f4552;content:"";display:block;height:3.97vw;margin-left:-3vw;width:6.2vw;z-index:1}.white-walker .torso__bottom,.white-walker .torso__top{height:0;left:50%;position:absolute;width:0;z-index:2}.white-walker .torso__top{border:3.89vw solid transparent;border-bottom:7.44vw solid #1f4552;bottom:.74vw;margin-left:-3.89vw}.white-walker .torso__bottom{border:3.47vw solid transparent;border-bottom:7.2vw solid #1f4552;bottom:0;margin-left:-3.47vw}.white-walker .torso__band{left:50%;position:absolute;width:6.95vw;z-index:3}.white-walker .torso__band-bottom{background-color:#010c10;height:1.49vw;margin-left:-3.31vw;top:3.97vw}.white-walker .torso__band-top{height:50%;margin-left:-3.2vw;top:0}.white-walker .torso__band-top:after,.white-walker .torso__band-top:before{border:.5vw solid transparent;border-bottom:1.99vw solid #010c10;content:"";display:block;height:0;left:50%;position:absolute;top:0;width:0}.white-walker .torso__band-top:before{-webkit-transform:skew(-55deg);margin:1.65vw 0 0 -1.57vw;transform:skew(-55deg)}.white-walker .torso__band-top:after{-webkit-transform:skew(55deg);margin:1.65vw 0 0 .17vw;transform:skew(55deg)}.white-walker .tie{height:3.06vw;left:50%;margin:-.33vw 0 0 -1.1vw;position:relative;top:0;width:2.15vw;z-index:4}.white-walker .tie__back,.white-walker .tie__front{height:100%;position:absolute;width:100%}.white-walker .tie__back{z-index:1}.white-walker .tie__back:after,.white-walker .tie__back:before{background-color:#6596b4;content:"";display:block}.white-walker .tie__back:before{border-radius:50%;height:2.15vw;width:2.15vw}.white-walker .tie__back:after{-webkit-transform:rotate(45deg);height:1.24vw;margin:-.41vw 0 0 .41vw;transform:rotate(45deg);width:1.24vw}.white-walker .tie__front{background-color:#1f4552;height:.66vw;left:50%;margin-left:-.5vw;top:1.32vw;width:.99vw;z-index:2}.white-walker .tie__front:after,.white-walker .tie__front:before{border:.5vw solid transparent;content:"";display:block;height:0;left:50%;margin-left:-.5vw;position:absolute;width:0}.white-walker .tie__front:before{border-bottom:.66vw solid #1f4552;bottom:100%;margin-bottom:.08vw}.white-walker .tie__front:after{border-top:.99vw solid #1f4552;margin-top:.08vw;top:100%}.white-walker .hand{-webkit-transform-origin:50% 50%;background-color:#baddf9;left:50%;position:absolute;transform-origin:50% 50%;width:1.32vw;z-index:5}.white-walker .hand--left{-webkit-animation:move-walker-hand 5s linear infinite;-webkit-transform:rotate(50deg);animation:move-walker-hand 5s linear infinite;height:8.93vw;top:-1.32vw;transform:rotate(50deg)}.white-walker .hand--right{-webkit-transform:rotate(-20deg);background-color:transparent;height:4.14vw;margin-left:-4.96vw;top:-.08vw;transform:rotate(-20deg)}.white-walker .hand .paw{margin-top:-1.82vw}.white-walker .hand__armor{background-color:#206584;bottom:1.24vw;height:50%;left:0;position:absolute;width:100%;z-index:1}.white-walker .hand__armor:after,.white-walker .hand__armor:before{content:"";display:block;position:absolute}.white-walker .hand__armor:before{border-color:#010c0e;border-style:solid;border-width:.17vw 0;height:.66vw;left:0;top:0;width:100%;z-index:1}.white-walker .hand__armor:after{background-color:#6497b4;border-bottom-left-radius:4.14vw;height:1.65vw;right:0;top:.17vw;width:50%;z-index:2}.white-walker .paw{background-color:#b9def9;border-radius:50%;display:block;height:2.73vw;left:50%;margin-left:-1.32vw;position:absolute;top:100%;width:2.73vw;z-index:2}.white-walker .shoulder{background-color:#010c10;height:3.31vw;left:50%;position:absolute;top:-1.49vw;width:4.96vw;z-index:6}.white-walker .shoulder:before{border-bottom:3.31vw solid transparent;content:"";display:block;height:0;position:absolute;top:0;width:0}.white-walker .shoulder--left{-webkit-transform:rotate(20deg) skew(-10deg);margin-left:1.82vw;transform:rotate(20deg) skew(-10deg)}.white-walker .shoulder--left:before{border-left:.66vw solid #010c10;left:100%}.white-walker .shoulder--right{-webkit-transform:rotate(-20deg) skew(10deg);margin-left:-7.53vw;transform:rotate(-20deg) skew(10deg)}.white-walker .shoulder--right:before{border-right:.66vw solid #010c10;right:100%}.white-walker .shoulder__grid{-ms-flex-align:center;-ms-flex-flow:row wrap;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-box-pack:justify;-webkit-box-sizing:border-box;align-items:center;background-color:#226484;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row wrap;height:100%;justify-content:space-between;padding:.17vw;width:100%}.white-walker .shoulder__grid span{-ms-flex-negative:0;-ms-flex-positive:0;-ms-flex-preferred-size:calc(16.66667% - 0.08vw);-webkit-box-flex:0;background-color:#010c10;flex-basis:calc(16.66667% - 0.08vw);flex-grow:0;flex-shrink:0;height:.25vw}.white-walker .sword{-webkit-transform:rotate(-33deg);-webkit-transform-origin:0 100%;bottom:6.29vw;height:16.21vw;left:50%;margin-left:-5.4vw;position:absolute;transform:rotate(-33deg);transform-origin:0 100%;width:3.14vw;z-index:6}.white-walker .sword__bottom{border-right:2.81vw solid #fff;border-top:.66vw solid transparent;left:0;z-index:2}.white-walker .sword__bottom,.white-walker .sword__bottom:before{bottom:0;display:block;height:0;position:absolute;width:0}.white-walker .sword__bottom:before{border-bottom:.74vw solid #fff;border-right:.41vw solid transparent;content:"";left:2.73vw}.white-walker .sword__blade{height:16.21vw;margin-left:-.99vw;width:.83vw}.white-walker .sword__blade,.white-walker .sword__blade-bottom{bottom:0;left:50%;position:absolute;z-index:1}.white-walker .sword__blade-bottom{background-color:#dbf1fe;height:5.46vw;width:.99vw}.white-walker .sword__blade-bottom:after,.white-walker .sword__blade-bottom:before{bottom:0;content:"";display:block;height:0;position:absolute;width:0}.white-walker .sword__blade-bottom:before{border-bottom:5.46vw solid transparent;border-left:.83vw solid #acd2ea;left:.17vw}.white-walker .sword__blade-bottom:after{border-bottom:.5vw solid #acd2ea;border-right:1.16vw solid transparent;left:.17vw;margin-bottom:.33vw}.white-walker .sword__blade-top{bottom:0;height:100%;left:0;position:absolute;width:100%;z-index:2}.white-walker .sword__blade-top--left,.white-walker .sword__blade-top--right{height:100%;left:0;position:absolute;top:0;width:100%}.white-walker .sword__blade-top--left:after,.white-walker .sword__blade-top--left:before,.white-walker .sword__blade-top--right:after,.white-walker .sword__blade-top--right:before{content:"";display:block;height:0;left:0;position:absolute;width:0}.white-walker .sword__blade-top--left{z-index:1}.white-walker .sword__blade-top--left:after,.white-walker .sword__blade-top--left:before{border:.58vw solid transparent}.white-walker .sword__blade-top--left:before{border-top:8.52vw solid #c2dced;bottom:0}.white-walker .sword__blade-top--left:after{border-bottom:6.62vw solid #c2dced;top:0}.white-walker .sword__blade-top--right{z-index:2}.white-walker .sword__blade-top--right:before{-webkit-transform:rotate(6.2deg);-webkit-transform-origin:0 0;border:.41vw solid transparent;border-top:9.1vw solid #fff;bottom:0;left:100%;margin-left:.25vw;transform:rotate(6.2deg);transform-origin:0 0}.white-walker .sword__blade-top--right:after{-webkit-transform:rotate(-8deg) skewY(-25deg);-webkit-transform-origin:100% 100%;border:.5vw solid transparent;border-bottom:6.37vw solid #eaf7ff;left:100%;margin-left:.17vw;top:0;transform:rotate(-8deg) skewY(-25deg);transform-origin:100% 100%}.white-walker .sword__blade-top--middle{-webkit-transform:rotate(-40deg);background:-webkit-gradient(linear,left top,right top,from(#b7bfc5),to(#fff)) repeat-x 0 0/.66vw .08vw;background:linear-gradient(90deg,#b7bfc5 0,#fff) repeat-x 0 0/.66vw .08vw;height:.17vw;left:0;position:absolute;top:7.44vw;transform:rotate(-40deg);width:1.99vw;z-index:3}.white-walker .movable{-webkit-animation:walker-fight 5s linear infinite;animation:walker-fight 5s linear infinite;height:100%;left:0;position:absolute;top:0;width:100%;z-index:8}
              
            
!

JS

              
                // For more info and details, please see
// https://github.com/scriptex/at-the-wall
              
            
!
999px

Console