#preloader{position:fixed;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%)}#preloader .icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' xmlns='http://www.w3.org/2000/svg' width='170' height='170' fill='%230074d9'%3E%3Cpath d='M56 0H0v170h170V0h-57v89h43l-71 67-71-67h42z'/%3E%3C/svg%3E");animation:jump 2s ease infinite}#preloader .icon,#preloader .icon-back{position:absolute;width:100px;height:100px;background-size:100px 100px;transform:translate(-50%,-50%);border-radius:.3rem}#preloader .icon-back{background-color:#f78e66;animation:jump2 2s ease infinite}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes jump{0%{transform:translate(-5%)}50%{transform:translate(5%)}to{transform:translate(-5%)}}@keyframes jump2{0%{transform:translateY(5%)}50%{transform:translateY(-5%)}to{transform:translateY(5%)}}