.page{display:block;position:absolute;width:100%;height:100%;animation:fade_in 2s ease forwards}.page.hidden{animation:fade_out 2s ease forwards}.page .contents_container{color:#f5f5f5f2;font-family:serif;line-height:4em;position:absolute}.page .contents_container p{mix-blend-mode:difference}.page:nth-of-type(2) .contents_container{right:12%;bottom:17%;text-align:end}.page:nth-of-type(3) .contents_container{left:5%;top:17%;text-align:start}.page:nth-of-type(4) .contents_container{right:7%;top:35%;text-align:end}.page .click_text{color:#f5f5f5f2;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);font-size:1.7em;font-weight:lighter;font-family:serif}canvas{position:fixed;top:0;left:0}.click_area{position:absolute;top:0;left:0;width:100%;height:100%;cursor:default;z-index:1}@keyframes fade_in{0%{opacity:0}to{opacity:1}}@keyframes fade_out{0%{opacity:1}to{display:none;opacity:0}}