@media only screen and (max-width:650px){#splash{display:none}#splash-logo{display:none}.splashbg{display:none}body.appear .splashbg{display:none}}@media only screen and (min-width:651px){#splash{position:fixed;width:100%;height:100%;background:#fff;z-index:9999999;text-align:center;color:#fff}#splash-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splashbg{display:none}body.appear .splashbg{display:block;content:"";position:fixed;z-index:9999999;width:100%;height:100vh;top:0;left:0;transform:scaleX(0);background-color:#ccc;animation-name:PageAnime;animation-duration:.8s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}}@keyframes PageAnime{0%{transform-origin:left;transform:scaleX(0)}50%{transform-origin:left;transform:scaleX(1)}50.001%{transform-origin:right}100%{transform-origin:right;transform:scaleX(0)}}@media only screen and (max-width:650px){#container{opacity:0}body.appear #container{animation-name:PageAnimeAppear;animation-duration:0s;animation-delay:0s;animation-fill-mode:forwards;opacity:0}}@media only screen and (min-width:651px){#container{opacity:0}body.appear #container{animation-name:PageAnimeAppear;animation-duration:.5s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}}@keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}