@import url(https://fonts.googleapis.com/css2?family=Jersey+15);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div.patch-notes{align-items:center;border:3px double #fff;margin:auto;padding:10px;width:50%}.scroller{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.scroller section{scroll-snap-align:start}.wrapper{align-items:center;display:flex;justify-content:center;padding:0 5 rem;position:relative;text-align:center;width:80vw}.polaroid{background:#fff;box-shadow:0 .2rem 1.2rem #0003;padding:1rem 1rem .5rem}.polaroid>img{height:auto;width:100%}.polaroid>.caption{color:#000;font-size:1.1rem;line-height:1.5em;text-align:center}.polaroid>.date{color:#000;font-size:1rem;line-height:1.2em;text-align:center}.item{display:inline-block;filter:grayscale(100%);margin-top:2rem;width:30%}.item .polaroid:before{content:"";position:absolute;transition:all .35s;z-index:-1}.item:nth-of-type(4n+1){transform:scale(.8) rotate(5deg);transition:all .35s}.item:nth-of-type(4n+1) .polaroid:before{bottom:30px;box-shadow:0 2.1rem 2rem #0006;height:20%;right:12px;transform:rotate(6deg);width:47%}.item:nth-of-type(4n+2){transform:scale(.8) rotate(-5deg);transition:all .35s}.item:nth-of-type(4n+2) .polaroid:before{bottom:30px;box-shadow:0 2.1rem 2rem #0006;height:20%;left:12px;transform:rotate(-6deg);width:47%}.item:nth-of-type(4n+4){transform:scale(.8) rotate(4deg);transition:all .35s}.item:nth-of-type(4n+4) .polaroid:before{bottom:30px;box-shadow:0 2.1rem 2rem #0000004d;height:20%;right:12px;transform:rotate(4deg);width:47%}.item:nth-of-type(4n+3){transform:scale(.8) rotate(-3deg);transition:all .35s}.item:nth-of-type(4n+3) .polaroid:before{bottom:30px;box-shadow:0 2.1rem 2rem #0000004d;height:20%;left:12px;transform:rotate(-4deg);width:47%}.item:hover{filter:none;transform:scale(1) rotate(0deg)!important;transition:all .35s}.item:hover .polaroid:before{bottom:0;box-shadow:0 1rem 3rem #0003;content:"";height:90%;position:absolute;right:5%;transform:rotate(0deg);transition:all .35s;width:90%;z-index:-1}body{background:linear-gradient(180deg,oklch(60% .2 230),oklch(60% .2 180));color:#fff;font-family:Asap,sans-serif;font-size:clamp(12px,5.5vw,28px);text-align:center;width:100vw}body,section{min-height:100vh;position:relative}section{align-items:center;display:flex;justify-content:center;width:100%}.settings>button{font-family:tahoma;font-size:8pt;line-height:12px;margin-right:3em;margin-top:1em;position:absolute;right:0;top:0;width:50px}a,button{cursor:url(../../static/media/cursor-point.e0c25f2985b37a9ec12a.ico),auto}.jersey-15-regular{font-family:Jersey\ 15,sans-serif;font-style:normal;font-weight:600}div.title{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center}div.subtitle,div.title{color:#fff;font-family:Jersey\ 15,sans-serif;font-size:30px;font-style:normal;font-weight:600;margin:0;text-shadow:1px 1px 2px red,0 0 1em gray,0 0 .2em gray}div.subtitle{width:100%}p.quest-title{font-size:30px;font-style:normal;font-weight:600;margin:1rem 0 0;text-shadow:1px 1px 2px red,0 0 1em gray,0 0 .2em gray;width:100%}button.descript,p.quest-title{color:#fff;font-family:Jersey\ 15,sans-serif}button.descript{background-color:none var(--opacity) .4;border:1px solid #fff;border-radius:4px;font-size:18px;margin:2px}.button:hover{background-color:#04aa6d;color:#fff}div.container{position:relative}p.p1{font-size:35px}p.p1,p.p2{margin:0;position:relative}p.p2{font-size:15px}#bg{background-image:linear-gradient(180deg,#fff,gray 25%,gray 60%,khaki);display:block;opacity:.5}#bg,#surface{height:100vh;left:0;mix-blend-mode:overlay;position:fixed;top:0;width:100vw}#surface:after,#surface:before{--duration:6s;--lowHeight:20vh;--highHeight:40vh;--layerNum:2;--index:0;--opacity:0.4;animation:surface var(--duration) linear infinite;animation-delay:calc((var(--duration)/var(--layerNum))*var(--index)*-1);background-image:url(https://raw.githubusercontent.com/happy358/misc/main/image/cloud_X.png);background-repeat:repeat-x;bottom:0;content:"";display:block;height:100vh;left:0;opacity:0;position:absolute;width:100vw}#surface:before{--index:0;transform:scaleY(-1)}#surface:after{--index:1;transform:scale3d(-1,-1,1)}#caustics{bottom:0;height:100vh;position:fixed;top:0;transform:scaleX(2);transform-origin:bottom center;width:100vw}#caustics:after,#caustics:before{--duration:10s;--height:30vh;--gapY:0px;animation:caustics calc(var(--duration)*(var(--ratioW))) linear infinite;background-image:url(https://raw.githubusercontent.com/happy358/misc/main/image/caustics.png);background-repeat:repeat;background-size:calc(100vw/(var(--ratioW))) 40vh;bottom:0;content:"";display:block;height:100vh;left:0;-webkit-mask-image:linear-gradient(to top,#fff,#0000 var(--height),#0000);mask-image:linear-gradient(to top,#fff,#0000 var(--height),#0000);opacity:.3;position:absolute;width:100vw}#caustics:after{--duration:11s;--gapY:10vh;animation-delay:-2s;transform:scaleX(-1)}#sun{height:100vh;left:0;mix-blend-mode:overlay;position:fixed;top:0;width:100vw}#sun div{animation:sun 7s ease infinite alternate;bottom:0;content:"";display:block;height:100%;left:0;-webkit-mask-image:linear-gradient(180deg,#0000 15%,#fff 50%,#fff 55%,#0000 80%);mask-image:linear-gradient(180deg,#0000 15%,#fff 50%,#fff 55%,#0000 80%);position:absolute;transform-origin:50vw 0;width:100%}#sun #sun_layer1{background:linear-gradient(90deg,#0000 39%,#fff 40%,#0000 41%,#0000 48.5%,#fff 50%,#0000 51.5%,#0000 53%,#fff 54%,#0000 55%,#0000 70%,#fff 71%,#0000 72%)}#sun #sun_layer2{animation-delay:-2s;animation-direction:alternate-reverse;animation-duration:7.8s;background:linear-gradient(90deg,#0000 32%,#fff 33%,#0000 34%,#0000 38%,#fff 39%,#0000 40%,#0000 53%,#fff 54%,#0000 55%,#0000 63.5%,#fff 65%,#0000 66.5%)}#sun #sun_layer3{animation-delay:-5s;animation-duration:8.5s;background:linear-gradient(90deg,#0000 38.5%,#fff 40%,#0000 41.5%,#0000 47%,#fff 48%,#0000 49%,#0000 52%,#fff 53%,#0000 54%,#0000 60%,#fff 61%,#0000 62%)}.arrows{bottom:2rem;height:auto;mix-blend-mode:overlay;position:absolute;text-align:center;width:auto}.arrows div{--arrowSize:1.3rem;--arrowColor:currentColor;animation:arrow 2s linear infinite;background:#0000;border:calc(var(--arrowSize)*.11) solid;border-color:#0000 #0000 var(--arrowColor) var(--arrowColor);height:var(--arrowSize);margin:calc(var(--arrowSize)*-1.5) 0;transform:rotate(-45deg);width:var(--arrowSize)}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}.arrows div:nth-of-type(3){animation-delay:-.8s}.arrows div:nth-of-type(2){animation-delay:-.4s}.arrows div:first-of-type{animation-delay:0s}@keyframes surface{0%{background-position:bottom;background-size:calc(var(--highHeight)*3) var(--highHeight);opacity:0}20%{opacity:var(--opacity)}to{background-position:center bottom calc(var(--lowHeight)*-1);background-size:calc(var(--lowHeight)*1) var(--lowHeight);opacity:0}}@keyframes caustics{0%{background-position:bottom var(--gapY) left}to{background-position:bottom var(--gapY) left -100vw}}@keyframes sun{0%{opacity:.1;transform:skew(5deg) scale3d(3,1.5,1)}50%{opacity:.08;transform:skew(0deg) scaleX(1.5)}to{opacity:.1;transform:skew(-5deg) scaleX(3)}}@media (orientation:portrait){:root{--ratioW:1}}@media (min-aspect-ratio:1/1){:root{--ratioW:2}}@media (min-aspect-ratio:2/1){:root{--ratioW:3}}@media (min-aspect-ratio:3/1){:root{--ratioW:4}}@media (min-aspect-ratio:4/1){:root{--ratioW:5}}@media (min-aspect-ratio:5/1){:root{--ratioW:6}}footer>p{align-items:center;color:#fff;display:flex;font-family:Jersey\ 15,sans-serif;font-size:15px;font-style:normal;justify-content:center;margin:0;text-shadow:1px 1px 2px red,0 0 1em blue,0 0 .2em blue;width:100%}
/*# sourceMappingURL=main.6a7c473b.css.map*/