@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500&display=swap";html,body{overscroll-behavior:none;background-color:#fff;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.header{z-index:1000;box-sizing:border-box;text-align:right;width:100vw;height:auto;padding:16px;position:fixed;top:0;left:0}.header a{color:#000;opacity:.3;pointer-events:auto;vertical-align:top;font-family:Inter;font-weight:400;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.header a .link-text{display:block;transform:translateY(100%)}.item img{opacity:0;width:100%;display:block}.item{z-index:100;pointer-events:none;position:relative}.item .text{color:#000;word-wrap:break-word;opacity:0;pointer-events:none;z-index:100;font-family:Inter;font-size:128px;font-weight:500}.letter-wrapper{vertical-align:top;display:inline-block;overflow:hidden}.letter{mix-blend-mode:difference;display:inline-block}.yearWrapper{align-items:baseline;gap:20px;display:flex;position:fixed;top:10%;left:10%}@media screen and (width<=1280px){.item .text{font-family:Inter;font-size:64px}.yearWrapper{gap:10px;top:25%;left:8%}}@media screen and (width<=786px){.item .text{font-family:Inter;font-size:48px}.yearWrapper{gap:10px;top:auto;bottom:27%;left:5%}}.year{font-family:Inter;font-weight:200}.date{font-family:Inter;font-weight:400}#container canvas{filter:drop-shadow(0 15px 30px #00000012)}.item .text.active{opacity:1;pointer-events:auto}.progress{z-index:1000;cursor:pointer;justify-content:center;align-items:center;gap:3px;width:auto;height:40px;display:flex;position:fixed;bottom:25px;left:50%;overflow:visible;transform:translate(-50%)}.progress-indicator{opacity:0;pointer-events:none;background:#000;border-radius:1px;flex-shrink:0;width:2px;height:12px;position:relative;transform:translateZ(0)}#container{z-index:0;touch-action:none;width:100%;height:100dvh;position:fixed;top:0;left:0}@media screen and (width<=786px){.progress{flex-direction:column;align-items:flex-end;width:40px;height:auto;inset:50dvh 20px auto auto;transform:translateY(-50%)}.progress-indicator{transform-origin:100%;width:10px;height:2px}}.page-indicator{z-index:10001;color:#000;opacity:.3;pointer-events:none;font-family:Inter,sans-serif;font-size:12px;position:fixed;bottom:65px;left:50%;overflow:hidden;transform:translate(-50%)}.page-indicator span{display:block;transform:translateY(100%)}@media screen and (width<=786px){.page-indicator{inset:50dvh 40px auto auto;transform:translateY(-50%)}}
/*# sourceMappingURL=_site.22d6f0ec.css.map */