body{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif}#spinner-square{display:flex;flex-direction:row;width:90px;height:120px}#spinner-square>.square{width:17px;height:80px;margin:auto;border-radius:4px}.square-1{animation:square-anim 1.2s cubic-bezier(.445,.05,.55,.95) 0s infinite}.square-2{animation:square-anim 1.2s cubic-bezier(.445,.05,.55,.95) .2s infinite}.square-3{animation:square-anim 1.2s cubic-bezier(.445,.05,.55,.95) .4s infinite}@keyframes square-anim{0%{height:80px;background-color:#e9ebf0}20%{height:80px}40%{height:120px;background-color:#5f739e}80%{height:80px}to{height:80px;background-color:#e9ebf0}}header{background-color:#333;color:#fff;padding:20px;text-align:center}#container{display:none;max-width:800px;margin:20px auto;padding:0 20px;text-align:center}