*{box-sizing:border-box;-webkit-user-select:none;user-select:none}li,ul{display:inline-block;list-style:none;margin:0;padding:0}a{color:#000}a:active,a:hover,a:link,a:visited{color:#000;text-decoration:none}h2{font-size:3rem;margin-top:3rem;text-align:center}.noto{font-optical-sizing:auto;font-style:normal;font-weight:400}.noto,.noto-bold{font-family:Noto Sans SC,serif}.noto-bold{font-optical-sizing:auto;font-style:normal;font-weight:500}.serif-libre{font-weight:400}.serif-libre,.serif-libre-bold{font-family:Libre Baskerville,serif;font-style:normal}.serif-libre-bold{font-weight:700}body{background-color:#f2f2f7;height:90vh;margin:0}.container,body{align-items:center;display:flex;justify-content:center}.container{flex-direction:column}main{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:24rem 23rem 23rem 23rem;grid-template-rows:23rem 23rem}main .cell{border-radius:2rem;box-shadow:0 3.2px 12.8px 0 rgba(0,0,0,.125);height:100%;width:100%}.info-grid{background-color:#f0cbc5;background-color:#ffe3dc33;border-radius:2rem .5rem 2rem .5rem!important;display:flex;flex-direction:column;grid-column:1;grid-row:1/span 2;height:100%;justify-content:space-between;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.info-grid:after{content:"";height:100%;left:0;mix-blend-mode:overlay;opacity:.2;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.info-grid:hover{background-color:#f0cbc533;transform:translateY(-1rem)}.info-grid:hover .avatar{border-radius:20%;filter:contrast(1.1) brightness(.9) saturate(1.1) hue-rotate(-2deg)}.info-grid .avatar{border-radius:50%;height:auto;overflow:hidden;transition:all .2s ease;width:100%}.info-grid .avatar img{height:100%;width:100%}.info-grid .name .en-name{display:block;font-size:3rem;line-height:2;margin-top:1.5rem;text-align:center}.info-grid .name .slogan{color:#737b79;display:block;text-align:center}.info-grid .li{background-color:#fff3;border:2px solid #0003;border-radius:.2rem;display:block;font-size:1.2rem;letter-spacing:.1em;line-height:1.5;text-align:center}.info-grid .email{margin-top:.7rem}.techstack-grid{background-color:#fff;background-image:linear-gradient(#0000,#44175233);grid-column:2;grid-row:1;overflow:hidden;position:relative}.techstack-box{bottom:8rem;position:absolute;transform:rotate(-10deg)}.techstack-grid .up{animation:move_upbox 7s linear infinite;width:126rem}.techstack-grid .down{animation:move_downbox 7s linear infinite;margin-top:2rem;width:98rem}@keyframes move_upbox{0%{transform:translate(0)}to{transform:translate(-63rem)}}@keyframes move_downbox{0%{transform:translate(-49rem)}to{transform:translate(0)}}.techstack-grid li{text-align:center;width:7rem}.techstack-grid li .icon{display:inline-block;height:4rem;margin-bottom:.5rem;width:4rem}.techstack-grid li .icon img{height:100%;width:100%}.techstack-grid li .name{font-size:1.2rem;text-align:center}.map-grid{grid-column:3;grid-row:1;overflow:hidden;position:relative}.map-grid .mobile,.map-grid .scenery{display:none}.map-grid img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.map-grid:hover .map{transform:scale(1.1)}.map-grid .mask{height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%}.map-grid:hover .mask{background-color:#0000001a}.map-grid .mask .live-info{left:50%;position:absolute;top:50%}.map-grid .mask .live-info .point{background-color:#3b82f6;border:2px solid #fff;border-radius:50%;height:2rem;opacity:0;transform:translate(-50%,-50%);transition:all .3s ease;width:2rem}.map-grid .mask .live-info .position{background-color:#0006;border-radius:1rem;color:#fff;opacity:0;padding:1rem;transition:all .3s ease}.map-grid .mask:hover .point,.map-grid .mask:hover .position{opacity:1}.mbti-grid{background-color:#fff;grid-column:4;grid-row:1;overflow:hidden;position:relative}.mbti-grid h4{color:#88619a;font-size:3rem;margin-left:2rem;margin-top:3rem}.mbti-grid p{font-size:1.7rem;margin-left:2rem}.mbti-grid .mbti-img{background-color:#ab90b8;border-radius:50%;bottom:-30%;height:90%;position:absolute;right:-30%;width:90%}.mbti-grid .mbti-img img{left:-2.5rem;position:absolute;top:-2rem;transform:matrix(.996195,-.0871557,.0871557,.996195,0,0);transition:all .3s ease;width:80%}.mbti-grid:hover .mbti-img img{transform:matrix(1.05,0,0,1.05,0,-16)}.blog-grid{background-image:linear-gradient(#e9e8ed,#0000);grid-column:2;grid-row:2;overflow:hidden;padding-bottom:3rem;position:relative;transition:transform .3s ease;will-change:transform}.blog-grid .duck{display:none}.blog-grid:hover{cursor:pointer;transform:rotate(5deg)}.wave{bottom:0;height:60%;left:0;position:absolute;transform-origin:bottom center;transition:transform .3s ease;width:200%}.blog-grid:hover .wave{transform:rotate(-5deg)}.wave-layer{fill:#3498db;animation:waveAnimation 10s infinite alternate;opacity:.6}@keyframes waveAnimation{0%{transform:translateX(0)}to{transform:translateX(-40%)}}.blog-grid h2{margin-left:2rem;text-align:left}.blog-grid p{font-size:1.8rem;margin-bottom:0;margin-left:2rem;margin-top:2rem}.blog-grid p span{display:inline-block;filter:blur(1px);transform:rotate(5deg) translateY(.1rem)}.eassy-grid{color:#fff;cursor:pointer;grid-column:3/span 2;grid-row:2;overflow:hidden;position:relative}.eassy-grid .mask{background-color:#0000004d;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%}.eassy-grid:hover .mask{background-color:#0006}.eassy-grid img{height:100%;object-fit:cover;position:absolute;transition:all .3s ease;width:100%}.eassy-grid:hover img{transform:scale(1.1)}.eassy-grid .content{bottom:3rem;left:2rem;position:absolute}.eassy-grid .content h2{margin-top:0;text-align:left}.eassy-grid .content .abstract{font-size:2rem}footer{color:#00000080;display:flex;justify-content:space-between;margin-top:2rem;width:102rem}footer .left-mobile{display:none}footer .left,footer .left-mobile,footer .right{letter-spacing:.1em}footer .right{cursor:pointer}footer img{height:2rem;margin-right:1rem;vertical-align:top;width:2rem}@media (max-width:768px){body{height:auto;padding:2rem}main{gap:2rem;grid-template-columns:1fr 1fr!important;grid-template-rows:auto;width:100%}.cell{min-height:20rem;width:100%}.info-grid{align-items:center;gap:2rem;grid-column:1/-1;grid-row:1}.info-grid:hover{transform:none}.info-grid .up{align-items:center;display:flex;flex-direction:column}.info-grid .up .en-name{line-height:1;margin-bottom:.5rem}.info-grid .up .avatar{width:60%}.info-grid .down{width:100%}.techstack-grid{grid-column:1/-1;grid-row:2;max-height:25rem;overflow:hidden;padding-top:1rem}.techstack-box{bottom:5rem;margin-top:8rem;position:relative;transform:none}.techstack-grid ul{display:flex}.map-grid{grid-column:1!important;grid-row:3!important;min-height:25rem}.map-grid .mobile{color:#fff;display:block;letter-spacing:.2em;text-orientation:upright;writing-mode:vertical-rl}.map-grid .mobile h3{font-size:3rem;margin-right:0;position:absolute;right:1.5rem}.map-grid .mobile p{bottom:0;left:1.5rem;position:absolute;top:5rem}.map-grid h2{display:none}.map-grid .scenery{display:block}.map-grid .map,.map-grid .mask .live-info .point,.map-grid .mask .live-info .position{display:none}.map-grid .mask{background-color:#0000001a}.mbti-grid{grid-column:2!important;grid-row:3!important}.mbti-grid .mbti-img img{top:1rem}.blog-grid{grid-column:1/-1!important;grid-row:4!important}.blog-grid h2{font-size:4rem!important;margin-top:3rem!important}.blog-grid .duck{animation:duckAnimation 2s infinite alternate;bottom:2.5rem;display:inline-block;height:7rem;position:absolute;right:2rem;transition:all 1s ease;width:7rem}@keyframes duckAnimation{0%{transform:rotate(-10deg)}to{transform:rotate(7deg)}}.blog-grid:hover .duck{rotate:1turn}.eassy-grid{grid-column:1/-1!important;grid-row:5!important;min-height:20rem}.eassy-grid .content{padding-right:2rem}h2{font-size:2rem!important;margin-top:1.5rem!important}footer{flex-direction:column;text-align:center;width:100%!important}footer .left{display:none}footer .left-mobile{display:block}footer .right{margin-top:1rem}.wave{height:40%}}@media (prefers-color-scheme:dark){body{background-color:#121212}.noto,.noto-bold,.pingfang,.pingfang-bold,.pingfang-heavy,a,a:active,a:hover,a:link,a:visited,body,footer{color:#e0e0e0}main .cell{background-color:#ffffff0d;box-shadow:0 3.2px 12.8px 0 #ffffff0d}.info-grid{background-color:#322d2c80}.info-grid:hover{background-color:#46414099}.info-grid .name .slogan{color:#b0b0b0}.techstack-grid{background-image:linear-gradient(#0000004d,#44175266)}.map-grid .mobile h3,.map-grid .mobile p{color:#ffffffe6}.map-grid .mask{background-color:#0000004d}.map-grid h2{color:#000000b3}.mbti-grid{background-color:#28232dcc}.mbti-grid .mbti-img{background-color:#5a4b69}.blog-grid{background-image:linear-gradient(#28282dcc,#0000004d)}.wave-layer{fill:#5b8fb9}.eassy-grid .mask{background-color:#00000080}.info-grid .li{border-color:#fff3}.mbti-grid h4{color:#a98bbd}.blog-grid p span{filter:blur(1px) brightness(1.5)}.eassy-grid .content{bottom:1rem}}
/*# sourceMappingURL=main.9cc7ea0e.css.map*/