.curtain{width:100%;height:100%;position:fixed;top:0;left:0;background-color:var(--yellow);z-index:10;clip-path:inset(100% 0% 0% 0%);-webkit-transform-origin:left center;transform-origin:left center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;color:#fff;-webkit-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out}.wordmark{-webkit-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out}.curtain.active{pointer-events:all}:root{--showPage: 1}.page{opacity:var(--showPage);-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out}