body{margin:0;padding:0;font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}#box{background:#96bace;width:100%;height:350px;transition:background-color 1s,box-shadow .75s;position:relative;overflow:hidden}#box:before{content:"";pointer-events:none;opacity:0;z-index:0;background-image:radial-gradient(calc(1.4px + .05vw) calc(1.4px + .05vw) at 12% 22%,#ffffffbf,#0000),radial-gradient(calc(1.1px + .04vw) calc(1.1px + .04vw) at 28% 8%,#ffffff8c,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 42% 65%,#ffffff80,#0000),radial-gradient(calc(.9px + .03vw) calc(.9px + .03vw) at 7% 78%,#ffffff73,#0000),radial-gradient(calc(1.6px + .06vw) calc(1.6px + .06vw) at 54% 30%,#ffffffb3,#0000),radial-gradient(calc(1.2px + .04vw) calc(1.2px + .04vw) at 66% 12%,#ffffff80,#0000),radial-gradient(calc(1.3px + .05vw) calc(1.3px + .05vw) at 83% 38%,#fff9,#0000),radial-gradient(calc(.8px + .03vw) calc(.8px + .03vw) at 18% 52%,#ffffff59,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 74% 72%,#ffffff73,#0000),radial-gradient(calc(1.5px + .06vw) calc(1.5px + .06vw) at 92% 18%,#fffc,#0000),radial-gradient(calc(1.1px + .04vw) calc(1.1px + .04vw) at 35% 90%,#fff6,#0000),radial-gradient(calc(1.2px + .04vw) calc(1.2px + .04vw) at 58% 84%,#fff9,#0000),radial-gradient(calc(.9px + .03vw) calc(.9px + .03vw) at 48% 48%,#ffffff59,#0000),radial-gradient(calc(1.4px + .05vw) calc(1.4px + .05vw) at 5% 12%,#ffffffa6,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 24% 88%,#fff6,#0000),radial-gradient(calc(1.3px + .05vw) calc(1.3px + .05vw) at 70% 58%,#ffffff8c,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 88% 82%,#ffffff80,#0000),radial-gradient(calc(.8px + .03vw) calc(.8px + .03vw) at 60% 6%,#ffffff59,#0000),radial-gradient(calc(1.2px + .04vw) calc(1.2px + .04vw) at 96% 60%,#fff9,#0000),radial-gradient(calc(.9px + .03vw) calc(.9px + .03vw) at 38% 32%,#fff6,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 14% 60%,#ffffff73,#0000),radial-gradient(calc(1.6px + .06vw) calc(1.6px + .06vw) at 32% 40%,#ffffffb3,#0000),radial-gradient(calc(1.1px + .04vw) calc(1.1px + .04vw) at 48% 14%,#ffffff80,#0000),radial-gradient(calc(1.3px + .05vw) calc(1.3px + .05vw) at 62% 68%,#fff9,#0000),radial-gradient(calc(.9px + .03vw) calc(.9px + .03vw) at 78% 46%,#fff6,#0000),radial-gradient(calc(1.4px + .05vw) calc(1.4px + .05vw) at 90% 70%,#ffffffa6,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 8% 32%,#ffffff61,#0000),radial-gradient(calc(1.3px + .05vw) calc(1.3px + .05vw) at 20% 4%,#ffffff85,#0000),radial-gradient(calc(.8px + .03vw) calc(.8px + .03vw) at 36% 76%,#ffffff57,#0000),radial-gradient(calc(1.2px + .04vw) calc(1.2px + .04vw) at 58%,#ffffff91,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 72% 24%,#ffffff73,#0000),radial-gradient(calc(1.4px + .05vw) calc(1.4px + .05vw) at 84% 58%,#ffffffad,#0000),radial-gradient(calc(.9px + .03vw) calc(.9px + .03vw) at 96% 36%,#ffffff6b,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 10% 44%,#ffffff5c,#0000),radial-gradient(calc(1.2px + .04vw) calc(1.2px + .04vw) at 26% 70%,#ffffff8c,#0000),radial-gradient(calc(.9px + .03vw) calc(.9px + .03vw) at 44% 18%,#fff6,#0000),radial-gradient(calc(1.1px + .04vw) calc(1.1px + .04vw) at 52% 84%,#ffffff80,#0000),radial-gradient(calc(.8px + .03vw) calc(.8px + .03vw) at 68% 36%,#ffffff54,#0000),radial-gradient(calc(1.3px + .05vw) calc(1.3px + .05vw) at 82% 12%,#fff9,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 94% 54%,#ffffff6b,#0000),radial-gradient(calc(1.4px + .05vw) calc(1.4px + .05vw) at 6% 22%,#ffffffa6,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 18% 92%,#fff6,#0000),radial-gradient(calc(1.2px + .04vw) calc(1.2px + .04vw) at 30% 48%,#ffffff8c,#0000),radial-gradient(calc(.9px + .03vw) calc(.9px + .03vw) at 46% 62%,#ffffff5c,#0000),radial-gradient(calc(1.1px + .04vw) calc(1.1px + .04vw) at 64% 28%,#ffffff80,#0000),radial-gradient(calc(.8px + .03vw) calc(.8px + .03vw) at 78% 74%,#ffffff57,#0000),radial-gradient(calc(1.3px + .05vw) calc(1.3px + .05vw) at 90% 42%,#ffffff94,#0000),radial-gradient(calc(1px + .04vw) calc(1px + .04vw) at 98% 16%,#ffffff6e,#0000);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .75s;position:absolute;inset:0}#box h1,#box h2{letter-spacing:1px;z-index:1;margin:0 0 0 100px;font-weight:300;transition:color .25s;position:relative}#box h1{width:300px;margin-top:80px;font-size:48px}#box h1 strong{white-space:nowrap;font-weight:300}#box h2{margin-top:40px;font-size:32px}#box.evening h1,#box.night h1,#box.evening h2,#box.night h2{color:#fff}#box.morning{background-color:#bccfd8;box-shadow:inset 0 100px 100px #ffffff40,inset 0 -100px 100px #00000012}#box.afternoon{background-color:#8cbdd8;box-shadow:inset 0 100px 100px #ffffff26,inset 0 -100px 100px #00000012}#box.evening{background-color:#587d91;box-shadow:inset 0 -100px 100px #8cbdd840}#box.night{background-color:#39525e;box-shadow:inset 0 100px 100px #00000026}#box.evening:before{opacity:.28;filter:blur(.4px)}#box.night:before{opacity:.45;filter:blur(.2px)}#timeRange{width:24%;margin:10px 0;position:absolute;right:10%}#ninja{z-index:2;max-width:22%;max-height:85%;transition:filter .4s;position:absolute;bottom:0;right:15%}#box.night #ninja{filter:brightness(.8)}#sun,#moon{z-index:1;border-radius:50%;width:100px;height:100px;transition:right .5s,top .5s;display:none;position:absolute}#sun{background:#e9e98a;margin-top:-50px;box-shadow:0 0 40px #e9e98a99}#moon{margin-top:-70px;margin-left:-20px;top:100%;box-shadow:20px 20px #e9e98a}#main{color:#666;width:50%;margin:50px auto;font-size:24px}#main strong,#main a{color:#000;font-weight:400}#main a{border-bottom:2px dotted #aaa;text-decoration:none}#main a:hover{border-bottom-color:#333}#main hr{border:1px solid #ddd;width:120%;margin:40px 0 40px -10%}#main .facts{margin:0;padding:0;list-style:none}#main .facts li,#main p{margin:25px 0}#main:before{content:"";width:var(--ninja-width,180px);height:var(--ninja-height,280px);top:var(--ninja-shadow-top,0);right:var(--ninja-shadow-right,0);opacity:var(--ninja-shadow-opacity,0);filter:brightness(0)blur(6px);transform-origin:bottom;pointer-events:none;z-index:-1;transform:rotate(180deg)scaleX(-1)skew(var(--ninja-shadow-skew,50deg))scaleY(var(--ninja-shadow-scaleY,1));background:url(ninja.cfe9f5d1.png) 50%/contain no-repeat;position:absolute}#main.shadow-ready:before{transition:opacity .5s,transform .5s,right .5s,top .5s}@media (width<=900px){#box{height:150px}#box h1{width:100%;margin:30px 0 0;padding:0 40% 0 5%;font-size:32px}#box h2{width:100%;margin:20px 0 0;padding:0 40% 0 5%;font-size:24px}#sun,#moon{width:50px;height:50px}#sun{margin-top:-25px}#moon{margin-top:-35px;margin-left:-10px;box-shadow:10px 10px #e9e98a}#main{width:auto;padding:0 2em;font-size:20px}#main hr{border-bottom:none;width:60%;margin:30px auto}#timeRange{width:90%;margin:10px 5%;display:block;position:static}}input[type=range]{-webkit-appearance:none;width:100%;margin:7.9px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#dcdcdc;border:0 solid #dbd5c5;border-radius:25px;width:100%;height:8.2px;box-shadow:0 0 #ffb2df00,0 0 #ffccea00}input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#fff;border:5px solid #bbd5ff;border-radius:24px;width:24px;height:24px;margin-top:-7.9px;box-shadow:4.1px 4.1px 7.2px #78787880,0 0 4.1px #85858580}input[type=range]:focus::-webkit-slider-runnable-track{background:#e1e1e1}input[type=range]::-moz-range-track{cursor:pointer;background:#dcdcdc;border:0 solid #dbd5c5;border-radius:25px;width:100%;height:8.2px;box-shadow:0 0 #ffb2df00,0 0 #ffccea00}input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:5px solid #bbd5ff;border-radius:24px;width:24px;height:24px;box-shadow:4.1px 4.1px 7.2px #78787880,0 0 4.1px #85858580}input[type=range]::-ms-track{cursor:pointer;color:#0000;background:0 0;border-color:#0000;width:100%;height:8.2px}input[type=range]::-ms-fill-lower{background:#d7d7d7;border:0 solid #dbd5c5;border-radius:50px;box-shadow:0 0 #ffb2df00,0 0 #ffccea00}input[type=range]::-ms-fill-upper{background:#dcdcdc;border:0 solid #dbd5c5;border-radius:50px;box-shadow:0 0 #ffb2df00,0 0 #ffccea00}input[type=range]::-ms-thumb{cursor:pointer;background:#fff;border:5px solid #bbd5ff;border-radius:24px;width:24px;height:24px;box-shadow:4.1px 4.1px 7.2px #78787880,0 0 4.1px #85858580}input[type=range]:focus::-ms-fill-lower{background:#dcdcdc}input[type=range]:focus::-ms-fill-upper{background:#e1e1e1}
/*# sourceMappingURL=repo.5949040c.css.map */