@keyframes spin{to{transform:rotate(360deg)}}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5}#loading{color:#bcc99b;z-index:1000;display:grid;place-items:center;position:fixed;top:0;right:0;bottom:0;left:0}#spinner{animation:spin 1s linear infinite}#error{position:fixed;top:60%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;z-index:1000;color:red;text-align:center;padding:10px;background-color:#fee;border:1px solid #ffcccc;border-radius:4px}