.intro{display:none;height:100dvh;width:100%;}.intro-background{width:400%;position:fixed;left:-200%;z-index:999;animation:intro-anim 4s ease-in-out;animation-fill-mode:forwards;animation-direction:normal;}@keyframes intro-anim{0%{}33%{transform:translateX(-300px)
            scale(1.5);}66%{transform:translateX(100px)
            scale(1.5);}100%{transform:translateX(0px)
            scale(1);}}.intro-content{position:relative;top:calc(var(--logos-height) + 20px);height:calc(100dvh - var(--logos-height)  + 20px);width:100%;z-index:1000;}.intro-textbox{position:relative;z-index:2;height:20%;width:100%;opacity:0;transition:opacity 4s ease-in-out;transition-delay:1s;}.intro-text{height:100%;font-size:1.5rem;line-height:1.5;color:black;font-family:PassionBold, HelveticaBold;text-align:center;text-shadow:2px 2px 10px #fff;}.intro-chars{position:relative;z-index:0;height:450px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:start;}.intro-superman{position:relative;z-index:3;width:55%;left:180%;top:200px;transition:all 1s ease-out;transition-delay:2s;}.intro-supergirl{position:relative;z-index:2;width:65%;right:180%;top:200px;transition:all 1s ease-out;transition-delay:1.5s;}@keyframes fly-anim{from{right:500px;top:200px;}to{right:50px;top:50px;}33%{transform:translateX(-300px)
            scale(1);}66%{transform:translateX(100px)
            scale(1.5);}100%{transform:translateX(0px)
            scale(1);}}