*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;overflow:hidden;font-family:Georgia,serif}h1,h2,h3,h4,h5{font-family:Helvetica,sans-serif}html,body,#app{display:flex;flex-wrap:wrap;width:100%;height:100%}north{display:flex;justify-content:center;align-items:center;width:100%;height:50px}west{display:flex;justify-content:center;align-items:center;width:50px;height:calc(100% - 100px)}main{position:relative;z-index:0;display:flex;width:calc(100% - 100px);height:calc(100% - 100px);overflow:hidden;padding:25px;border:2px solid hsla(0,0%,0%,.95)}east{display:flex;justify-content:center;align-items:center;width:50px;height:calc(100% - 100px)}south{display:flex;justify-content:center;align-items:center;width:100%;height:50px}north,west,east,south{background:#000;color:#fff;font-size:25px;line-height:25px}north:hover,west:hover,east:hover,south:hover{background:#000000e6;cursor:pointer}#B,#N,#W,#E,#S{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}#B{background:#fff}.layer{position:absolute;z-index:0;pointer-events:none;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}#background{z-index:1}#celestials{z-index:2}#mountains{z-index:3}#snow{z-index:4}#mountains svg,#background svg{width:100%;height:100%}#celestials svg{width:100%;height:100%;preserveAspectRatio:xMidYMid meet}.snowflake{position:absolute;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.8);pointer-events:none;z-index:100;transition:transform 1s ease-out}.hero{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;width:100%;max-width:777px;padding:50px;text-align:center}.logo{position:relative;width:250px;height:250px;margin:0 0 10px;cursor:pointer;transition:transform .3s ease,filter .3s ease}.logo svg{width:100%;height:100%}.installable{position:relative}.installable:after{content:"";position:absolute;right:-5px;top:0;width:12px;height:12px;background:var(--success-green);border-radius:50%;box-shadow:0 0 10px var(--success-green);animation:pulse 1.5s infinite ease-in-out}.title{font-size:55px;line-height:55px;font-weight:700;letter-spacing:2px;display:flex;justify-content:center}.glow{position:relative;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,text-shadow .5s ease;color:#0d4da5;font-family:Helvetica,sans-serif}.glow.glowing{opacity:1;transform:translateY(0);text-shadow:0 0 5px hsla(215,85%,35%,.5),0 0 10px hsla(235,75%,25%,.3),0 0 15px hsla(0,0%,100%,.1)}@media(max-width:768px){html,body,#app{display:flex;flex-wrap:wrap;width:100%;height:100%;cursor:default}north{display:flex;justify-content:center;align-items:center;width:100%;height:20px}west{display:flex;justify-content:center;align-items:center;width:20px;height:calc(100% - 40px)}main{width:calc(100% - 40px);height:calc(100% - 40px);padding:10px}east{display:flex;justify-content:center;align-items:center;width:20px;height:calc(100% - 40px)}south{display:flex;justify-content:center;align-items:center;width:100%;height:20px}north,west,east,south{font-size:16px;line-height:16px}.logo{width:150px;height:150px}.title{font-size:35px;line-height:35px}}