canvas{width:100%;height:100%;position:fixed;top:0;left:0}.middle{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:100%;height:100%;justify-content:center;justify-self:center;justify-items:center;align-items:center;align-self:center;align-content:center;pointer-events:none}.spinner{display:flex;border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite;z-index:1000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}