*{margin:0;padding:0;box-sizing:border-box}body{height:100%;background:unset}.loader{background:#000;position:relative}.loader img{margin-top:-100px}.loading-line-wrapper{width:100%;height:4px;background:hsla(0,0%,100%,.3);position:absolute;top:50%;left:0}.loading-line{width:0;height:4px;background:#fff;position:absolute;left:0;animation:line-animation 5s ease-out forwards}@keyframes line-animation{0%{width:0}to{width:100vw}}@keyframes background-animation{0%{background:linear-gradient(180deg,#000 50%,rgba(248,102,42,.57))}25%{background:linear-gradient(180deg,#000 50%,rgba(248,102,42,.57))}50%{background:linear-gradient(180deg,#000 50%,#f8662a)}75%{background:linear-gradient(180deg,#000 50%,#2a32f8)}to{background:linear-gradient(180deg,#000 50%,#2a32f8)}}.loader{height:100vh;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;z-index:999999;display:flex;justify-content:center;align-items:center;animation:background-animation 5s ease-out forwards}