#intro{position :fixed; left : 0;top : 0;width : 100%;height : 100%;z-index : 100000; transition : opacity 0.5s;}
#intro.end{opacity : 0 !important; pointer-events : none;}
#intro > video{width : 100%;height : 100%; object-fit: cover; object-position : center;}

.intro-skip{display: flex;align-items: center;justify-content: center; width : 80px;height :80px; background: #000; border-radius: 50%; position : absolute; color : #fff; font-family: athena; font-size: 18px; transform: translateX(-50%) translateY(-50%) scale(0); transition : transform 1s; z-index: 10; cursor : pointer;}
.intro-skip.show{transform: translateX(-50%) translateY(-50%) scale(1);}
#intro.end .intro-skip{transform: translateX(-50%) translateY(-50%) scale(0);}
.intro-skip.hide{transform: translateX(-50%) translateY(-50%) scale(0);}