*{padding:0;box-sizing:border-box}*,body{margin:0}body{cursor:crosshair;overflow-x:hidden}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}section{position:relative;width:100vw;height:100vh;box-sizing:border-box}canvas{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.text{color:#fff;position:relative;z-index:1;padding:48px}.text h1{font-size:36px;font-weight:bolder}.text p{margin-top:12px;font-size:18px;font-weight:400}.content{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.page2{display:flex;padding:48px;background-image:url(../img/bg.0fae319c.svg);background-position:bottom;background-size:cover;background-repeat:no-repeat}.time{margin-top:96px;text-align:center}.content .logo{font-size:36px;font-weight:bolder;display:flex;justify-content:space-between;width:100%;margin-top:64px}.content .logo img{width:128px}.content .logo span{font-size:48px}.content span{font-size:18px}.content span.value{color:#fff;font-weight:bolder;padding:2px 6px;background-color:#666;border-radius:8px;margin-right:4px}.content span.value:not(:first-child){margin-left:4px}.animation{margin-top:48px;padding:24px;display:flex;justify-content:center;align-items:center}.animation img{width:200px}.page2 .text{color:#222;position:relative;z-index:1;padding:0}.page2 .text .title{font-size:36px;font-weight:bolder}.page2 .text p{margin-top:12px;font-size:18px;font-weight:400}.page1 .title{color:#222;position:relative;z-index:1;padding:0}.page1 .title h1{font-size:36px;font-weight:bolder}.page1 .title p{margin-top:12px;font-size:18px;font-weight:400}.page1 .gallery{margin-top:48px;list-style:none;display:grid;grid-template-columns:auto auto auto;grid-gap:12px}.page1 .gallery li img{width:100%;aspect-ratio:1}.page1{padding:48px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}