.layout{--size: 128px }.logo,.spinner{position:fixed;left:50%;top:50%;box-sizing:border-box}.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)}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}