#pageTransition{height:100vh;width:100%;position:fixed;top:0;left:0;z-index:9999999;overflow:hidden;pointer-events:none;-webkit-transform:none;transform:none;will-change:transform;clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%)}#pageTransition
.pageTransition_slogan{display:flex;align-content:center;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;z-index:1;text-align:center;padding:20px;box-sizing:border-box}#pageTransition
.pageTransition_backdrop{display:block;height:100%;width:100%;position:absolute;z-index:0}#pageTransition.play-animation{transition:transform 550ms ease-in-out,clip-path 200ms ease-out;transform:translateY(-100%);-webkit-transform:translateY(-100%);clip-path:polygon(0 0, 100% 0%, 100% 85%, 0% 100%)}#outroTransition{height:100vh;width:100%;visibility:hidden;pointer-events:none;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;will-change:transform;transform:translateY(-100%);-webkit-transform:translateY(-100%);clip-path:polygon(0 0, 100% 0%, 100% 85%, 0% 100%);transition:transform 550ms ease-in-out,clip-path 200ms ease-out}#outroTransition
.pageTransition_slogan{display:flex;align-content:center;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;z-index:1;text-align:center;padding:20px;box-sizing:border-box}#outroTransition
.pageTransition_backdrop{display:block;height:100%;width:100%;position:absolute;z-index:0}#outroTransition.play-animation{visibility:visible;-webkit-transform:none;transform:none;clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%)}#pageTransition
.pageTransition_slogan{color:#fff;font-family:"Barlow",sans-serif;font-weight:100;font-size:35px}#pageTransition
.pageTransition_backdrop{background:#000}#outroTransition
.pageTransition_slogan{color:#fff;font-family:"Barlow",sans-serif;font-weight:100;font-size:35px}#outroTransition
.pageTransition_backdrop{background:#000}@keyframes
backgroundColorChan