.layout{--size:128px}.logo,.spinner{box-sizing:border-box;position:fixed;top:50%;left:50%}.logo{margin-top:calc((var(--size) * .75) / -2);margin-left:calc((var(--size) * .75) / -2);width:calc(var(--size) * .75);height:calc(var(--size) * .75)}.spinner{margin-top:calc(var(--size) / -2);margin-left:calc(var(--size) / -2);width:var(--size);height:var(--size);border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}