html,body,#root{background:0 0;height:100%;margin:0}#snow-canvas{pointer-events:none;z-index:0;width:100%;max-width:100vw;height:100%;max-height:100vh;display:block;position:fixed;inset:0}.popup.center{justify-content:center;align-items:center;display:flex}a{color:inherit}.stage{--blue:#78abff;--ink:#4d4d4d;background-color:var(--blue);min-height:100vh;color:var(--ink);font-family:Roboto,sans-serif;font-size:16px;position:relative;overflow-x:hidden}.stage.has-snow{background:0 0}.stage .bubbles{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.stage .bubble{background:radial-gradient(#ffffff80,#fff6 40%,#fff0 50%);border-radius:50%;width:200px;height:200px;position:absolute}.stage #bubble1{width:25vh;height:25vh;top:0%;left:0%}.stage #bubble2{opacity:.8;width:100vh;height:100vh;top:30%;left:35%}.stage #bubble3{opacity:.7;width:75vh;height:75vh;top:30%;left:-10%}.stage #bubble4{opacity:.5;width:120vh;height:120vh;top:-70%;left:5%}.stage #bubble5{opacity:.3;width:150vh;height:150vh;top:-40%;left:50%}.stage #bubble6{opacity:.3;width:150vh;height:150vh;top:30%;left:-20%}.stage-main{z-index:5;color:#333;box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding-top:36px;display:flex;position:relative}.stage .container{z-index:5;box-sizing:border-box;width:100%;max-width:960px;margin:auto;padding:1rem 1rem 1.25rem;position:relative}.stage .text-center{text-align:center!important}.stage .box{width:100%;max-width:100%;color:var(--ink);opacity:.95;box-sizing:border-box;background-color:#fff;border-radius:14px;margin-left:auto;margin-right:auto;padding:1.35rem 1.25rem 1.15rem;transition:all 1s;display:block;position:relative;transform:rotateY(0);box-shadow:2px 5px 18px 2px #0003}.stage .box.bg-transparent{box-shadow:none;background:0 0;border:0}.stage .box.bg-transparent .button,.stage .box.bg-transparent .btn-blue{box-shadow:2px 2px 18px 2px #00000026}.stage .box.rotated{transform:rotateY(90deg)}.stage .box.hidden{opacity:0}.stage .h1{color:var(--ink);vertical-align:middle;margin-top:.15rem;margin-bottom:.35rem;font-size:clamp(1.15rem,2.8vw,1.65rem)}.stage .h2{color:var(--ink);margin-top:.15rem;margin-bottom:.35rem;font-size:clamp(1rem,2.4vw,1.25rem)}.stage .list{text-align:center}.stage .button,.stage .btn-blue{color:var(--ink);cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #ddd;border-radius:8px;margin:0 .15rem .5rem;padding:.5rem 1rem;font-family:inherit;font-size:20px;line-height:1.3;text-decoration:none;display:inline-block}.stage .button:hover{background-color:#eee}.stage .btn-blue{color:#fff;background-color:#78abff;border:none}.stage .btn-blue:hover{color:#fff;background-color:#588bff}.stage-footer{z-index:10;text-align:center;color:#00000073;width:100%;padding:.4rem;font-size:.85rem;position:relative;bottom:0;left:0}@media screen and (width>=680px){.stage .container{max-width:960px;padding:1rem 1.25rem 1.25rem}}@media screen and (width>=1280px){.stage{font-size:18px}.stage .h1{font-size:1.75rem}.stage .container{max-width:1100px}}html,body{overflow-x:hidden}body{background:linear-gradient(#87ceeb 0%,#e0f6ff 100%)}@property --day1{syntax:"<color>";inherits:false;initial-value:#87ceeb}@property --day2{syntax:"<color>";inherits:false;initial-value:#e0f6ff}@property --night1{syntax:"<color>";inherits:false;initial-value:#071428}@property --night2{syntax:"<color>";inherits:false;initial-value:#2b4a63}body:before,body:after{content:"";z-index:-1;pointer-events:none;transition:opacity 5s linear,--day1 5s linear,--day2 5s linear,--night1 5s linear,--night2 5s linear;position:absolute;inset:0}body:before{opacity:1;background:linear-gradient(180deg, var(--day1) 0%, var(--day2) 100%)}body:after{opacity:0;background:linear-gradient(180deg, var(--night1) 0%, var(--night2) 100%)}body.night:not(.mid):before,body.night:not(.mid):after,body:not(.mid):before,body:not(.mid):after{--day1:#ffce8b;--day2:#ffae6b;--night1:#ffce8b;--night2:#ffae6b}body.night:before{opacity:0}body.night:after{opacity:1}#snow-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}canvas#snow-canvas{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.bird{will-change:transform;width:60px;height:30px;position:absolute;top:0;left:-150px}