@charset "UTF-8";

#intro { position:fixed; left:0; top:0; right:0; bottom:0; height:100vh; background: var(--main-color4, var(--main-color3)); z-index:999999999999; transition:all 500ms ease-out; }
#intro:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; clip-path: circle(1% at center); transition:all 1.2s ease-out; z-index:-1; }
.load-on #intro { opacity:0; visibility:hidden; z-index:-999; transition-delay:1s; }
.load-on #intro:before { clip-path: circle(100% at center); }

#intro .c { height:100%; display:flex; justify-content:center; align-items:center; }
#intro .c img { opacity:0; transition:all 400ms; scale:0.2; }

.load-on #intro .c img { opacity:1; }