#splash{background:#101216;background-repeat:repeat-y;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;animation:splash 3s ease-in;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}#loader{top:0;transform:translate(-50%)}#loader,#loader:after{position:absolute;left:50%}#loader:after{margin-left:-8px;bottom:-170px;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,1) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,0))}#loader:after,#loader:before{content:"";width:3px;height:200px}#loader:before{position:absolute;left:50%;margin-left:8px;bottom:-190px;background:#000;background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,0))}#splash .anim{height:100%;position:absolute;left:50%;width:100px;transform:translate(-50%,100%);animation:loader 4s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}@keyframes loader{0%{transform:translate(-50%,110%)}30%{transform:translate(-50%,50%)}to{transform:translate(-50%)}}@keyframes splash{0%{transform:translate(0)}50%{transform:translate(0)}to{transform:translateY(-100%)}}