@import url(https://fonts.googleapis.com/css?family=Work+Sans:200);.bgr{background:url(/img/Rain1.2b8422f7.jpg)}.fixicon{width:60px}:root{--shadow:#fd6f21;--ring:currentColor;--blend1:#fc5830;--blend2:#f98c24;--blend-from:0%;--blend-to:100%;--blend-dir:top right}[icon]{flex:none;display:none;position:relative;font-size:calc(10em + 1vmin);width:1em;padding:30px;height:1em;margin:.3em;box-shadow:0 0 0 0 var(--ring) inset,0 0 .3em -.03em var(--shadow);background:linear-gradient(to var(--blend-dir),var(--blend1) var(--blend-from),var(--blend2) var(--blend-to))}[icon]:after{content:attr(data-label);position:absolute;top:calc(100% + 1vmin);left:50%;transform:translateX(-50%);font:inherit;font-size:.15em}[icon=sunny]{--shadow:#fd6f21;--blend1:#fc5830;--blend2:#f98c24;--blend-to:65%}[icon=cloudy]{--shadow:#1378bb;--blend2:#1378bb;--shadow:#c9e8de;--blend1:#758595;--blend2:#e0e2e5;--blend1:#1b9ce2;--blend-to:65%;--blend-to:90%}[icon=snowy]{--shadow:#c9e8de;--blend1:#758595;--blend2:#e0e2e5;--blend-to:90%;--blend-dir:bottom left}[icon=stormy]{--shadow:#34c6d8;--blend1:#4b9cc2;--blend2:#9adbd9}[icon=supermoon]{--shadow:#5133a5;--blend1:#4054b2;--blend2:#aa4cba;--blend-to:65%;--blend-dir:bottom right}.sun{top:20%;left:80%;transform:translate(-50%,-50%);width:40%;height:40%;background:#ffeb3b;box-shadow:0 0 0 .02em var(--ring) inset,0 0 .3em -.03em var(--shadow);transform-origin:.1em .1em}.sun,.sun:after{position:absolute;border-radius:100%}.sun:after{content:"";top:.1em;left:0;will-change:transform;transform:translate(-50%,-50%);width:.1em;height:.1em;background:hsla(0,0%,100%,.1);box-shadow:inset 0 0 .1em 0 hsla(0,0%,100%,.3),-.1em -.1em 0 .2em hsla(0,0%,100%,.1);animation:flare 12s linear infinite alternate}.cloud{position:absolute;top:.1em;left:65%;width:.37em;height:.13em;border-radius:.1em;background-color:#fff;box-shadow:0 0 .1em .02em var(--ring) inset,0 0 .3em -.03em var(--shadow);animation:move 3s ease-in-out infinite}.cloud+.cloud{top:25%;left:40%;animation:move 3.7s linear infinite}.cloud:after,.cloud:before{content:"";position:inherit;border-radius:inherit;background-color:inherit;box-shadow:inherit;bottom:30%}.cloud:before{left:.05em;width:.2em;height:.2em}.cloud:after{left:.15em;width:.15em;height:.15em}[icon=snowy] ul{position:absolute;list-style:none;top:0;left:10%;right:0;height:100%;margin:0;padding:0}[icon=snowy] li:after,[icon=snowy] li:before{content:"";position:absolute;list-style:none;width:.015em;height:.01em;border-radius:100%;background-color:var(--ring);will-change:transform,opacity;animation:snow 3.7s ease-out infinite;opacity:0}[icon=snowy] li:nth-child(13n+11):after,[icon=snowy] li:nth-child(odd):before{top:-7%;left:40%}[icon=snowy] li:nth-child(11n+7):after,[icon=snowy] li:nth-child(3n+2):before{top:5%;left:90%;animation-delay:1s}[icon=snowy] li:nth-child(5n+3):before,[icon=snowy] li:nth-child(7n+5):after{top:-10%;left:80%;animation-delay:2s}[icon=snowy] li:nth-child(5n+3):after,[icon=snowy] li:nth-child(7n+5):before{top:10%;left:10%;animation-delay:1.3s}[icon=snowy] li:nth-child(11n+7):before,[icon=snowy] li:nth-child(3n+2):after{top:20%;left:70%;animation-delay:1.5s}[icon=snowy] li:nth-child(13n+11):before,[icon=snowy] li:nth-child(odd):after{top:35%;left:20%;animation-delay:.5s}.snowman{position:absolute;bottom:30%;left:40%;width:.15em;height:.15em;opacity:.9;background:var(--ring);border-radius:100%}.snowman:after{content:"";position:absolute;top:90%;left:30%;transform:translate(-50%);width:.275em;height:.3em;border-radius:inherit;background-color:var(--ring)}.snowman:before{content:"";position:absolute;top:0;left:50%;transform:translate(-55%,-50%);width:.45em;height:.4em;border-radius:60%;border:.02em solid transparent;border-bottom-color:var(--blend1);will-change:border-radius;animation:snowman 9s ease-in infinite}[icon=stormy]:before{--shadow:hsla(0,0%,100%,0);content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:.05em;border-radius:100%;opacity:.4;will-change:background-color;animation:flash 2.3s linear 80ms infinite}[icon=stormy] .cloud{--shadow:#c9e8de;--ring:#f0f2f0;background-color:var(--shadow);font-size:1.3em;left:50%;will-change:background-color,transform,opacity;animation:flash 2.3s linear infinite,move 3.7s linear infinite}[icon=stormy] ul{position:absolute;list-style:none;top:0;left:70%;right:0;height:100%;margin:0;padding:0}[icon=stormy] li,[icon=stormy] li:after,[icon=stormy] li:before{position:absolute;width:.005em;height:.02em;border-radius:10%;background-color:#eee;opacity:0;will-change:transform,opacity;animation:rain 2s linear infinite;transform:rotate(25deg)}[icon=stormy] li:after,[icon=stormy] li:before{content:""}[icon=stormy] li:nth-child(11n+7):after,[icon=stormy] li:nth-child(5n+3):before,[icon=stormy] li:nth-child(odd){top:10%;left:68%;animation-delay:.5s}[icon=stormy] li:nth-child(3n+2),[icon=stormy] li:nth-child(3n+2):after,[icon=stormy] li:nth-child(7n+5):after{top:5%;left:45%;animation-delay:1.25s}[icon=stormy] li:nth-child(5n+3):after,[icon=stormy] li:nth-child(7n+5),[icon=stormy] li:nth-child(odd):before{top:4%;left:82%;animation-delay:.75s}[icon=stormy] li:nth-child(11n+7):before,[icon=stormy] li:nth-child(3n+2):after,[icon=stormy] li:nth-child(7n+5){top:15%;left:15%;animation-delay:2s}[icon=stormy] li:nth-child(11n+7),[icon=stormy] li:nth-child(7n+5):before,[icon=stormy] li:nth-child(odd):after{top:10%;left:33%;animation-delay:2.5s}[icon=supermoon]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 50% 20%,#fff,transparent),radial-gradient(1px 1px at 30% 65%,#fff,transparent),radial-gradient(2px 2px at 15% 5%,#fff,transparent),radial-gradient(2px 2px at 37% 35%,#fff,transparent),radial-gradient(2px 2px at 65% 47%,#fff,transparent),radial-gradient(1px 1px at 42% 29%,#fff,transparent),radial-gradient(1px 1px at 73% 56%,#fff,transparent),radial-gradient(1px 1px at 24% 19%,#fff,transparent),radial-gradient(2px 2px at 31% 47%,#fff,transparent),radial-gradient(1px 1px at 18% 39%,#fff,transparent);background-repeat:repeat;will-change:transform;animation:revolve 120s linear infinite}.moon{top:20%;left:80%;transform:translate(-50%,-50%);width:40%;height:40%;background:radial-gradient(circle at bottom left,var(--ring),#fef07e);box-shadow:0 0 0 .02em var(--ring) inset,0 0 .3em -.03em var(--blend2)}.moon,.moon:after,.moon:before{position:absolute;border-radius:100%}.moon:after,.moon:before{content:"";background-color:var(--blend1);box-shadow:.01em .01em .1em 0 var(--blend1)}.moon:before{top:15%;left:55%;width:20%;height:20%;opacity:.3}.moon:after{bottom:50%;left:25%;width:15%;height:15%;opacity:.2}.meteor{position:absolute;background-color:#fff;opacity:0;top:20%;left:55%;width:1px;height:15px;transform:rotate(45deg);will-change:transform,opacity;animation:meteor 6.25s ease-in infinite}.maino{font-size:calc(.5em + 1vmin);display:flex;align-items:center;justify-content:space-around;flex-flow:row wrap;font-family:Work Sans,sans-serif}[icon=cloudy],[icon=snowy],[icon=stormy],[icon=sunny],[icon=supermoon]{display:block}@keyframes flare{to{transform:translate(-.3em,.3em);opacity:.4;font-size:.2em}}@keyframes move{50%{transform:translateX(-.05em)}}@keyframes snow{50%{opacity:1}to{transform:translate(-.1em,15vmin)}}@keyframes snowman{50%{border-radius:60% 60% 30% 50%}}@keyframes flash{49%{background-color:var(--shadow)}51%{background-color:var(--ring)}53%{background-color:var(--shadow)}57%{background-color:var(--ring)}85%{background-color:var(--shadow)}}@keyframes rain{10%{opacity:.4}50%{opacity:1}to{transform:translate(-.1em,.5em)}}@keyframes revolve{to{transform:rotate(1turn)}}@keyframes meteor{5%{opacity:1}8%{transform:translate(-.6em,.6em) rotate(45deg);opacity:0}}