#splash{width:100%;height:100%;animation:3s ease-in forwards splash;position:fixed;top:0;left:0}#loader{position:absolute;top:0;left:50%;transform:translate(-50%)}#loader:after{content:"";background:linear-gradient(#a29d9d 0%,#fff 50%,#fff0 100%);width:3px;height:200px;margin-left:-8px;position:absolute;bottom:-170px;left:50%}#loader:before{content:"";background:linear-gradient(#0003 0% 50%,#0000 100%);width:3px;height:200px;margin-left:8px;position:absolute;bottom:-190px;left:50%}.anim{width:100px;height:100%;animation:4s linear forwards loader;position:absolute;left:50%;transform:translate(-50%,100%)}@keyframes loader{0%{transform:translate(-50%,110%)}30%{transform:translate(-50%,50%)}to{transform:translate(-50%)}}@keyframes splash{0%,50%{transform:translate(0%)}to{transform:translateY(-100%)}}