#splash{position:fixed;width:100%;height:100%;background:#000;z-index:9999999;text-align:center}#splash_front{position:fixed;width:100%;height:100%;background:#000;z-index:9999999;text-align:center}#splash-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body{background:#000}body.appear{background:#fff}.splashbg{position:fixed;top:0;right:0;bottom:0;left:0;border-width:0;border-style:solid;border-color:#fff;animation-duration:.5s;animation-fill-mode:forwards}@keyframes backBoxAnime{99.9%{z-index:2;border-width:0}100%{z-index:-1;border-width:0}}#container_front{position:relative;opacity:0}body.appear #container_front{animation-name:PageAnimeAppear;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}@keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}.splash_logo{width:50%;height:auto}.splash_logo path{fill:#fff}.fadeUp{animation-name:fadeUpAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}