[New Feature]: Would u like to add a rocket preloader?

[Anjaliavv51]

issue #50

PR Description 📜

Added preloader.

Related Issues

[Cite any related issue(s) this pull request addresses. If none, simply state “None”]

• Part of #50

---

Added Code!

<!-- Preloader Style-->
    <style>
      .preloader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: black;
  transition: opacity 5s, visibility 5s;
  z-index: 1000;
}

.preloader--hidden{
  opacity: 0;
  visibility: hidden;
}
.preloader img{
  height: 200px;
  width: 200px;
  border-radius: 1000px;
}
    </style>
<div class="preloader">
      <img class="center" src="rocket.gif" alt="" />
    </div>
    <script>
      window.addEventListener("load", () => {
const loader = document.querySelector(".preloader");
loader.classList.add("preloader--hidden");
loader.addEventListener("transitionend", () => {
document.body.removeChild(loader);
});
});
    </script>

---

Mark the task you have completed ✅

• [X] I follow CONTRIBUTING GUIDELINE & CODE OF CONDUCT of this project.
• [X] I have performed a self-review of my own code or work.
• [X] I have commented my code, particularly in hard-to-understand areas.
• [X] My changes generates no new warnings.
• [X] I have followed proper naming convention showed in CONTRIBUTING GUIDELINE
• [X] I have added screenshot for review.

---

Add your screenshots(Optional) 📸

https://github.com/GameSphere-MultiPlayer/Spaceship-escort/assets/154777864/8545d309-adfc-4cf1-baa9-d3b6b777781e

---

Thank you soo much for contributing to our repository 💗