style.css

* {
  font-weight: 700;
}

body {
  margin: 0;
  padding: 0;
}

.universe {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  background: rgb(5, 55, 71);
  background: radial-gradient(
    circle,
    rgba(5, 55, 71, 1) 0%,
    rgba(6, 47, 59, 1) 100%
  );
  overflow-x: hidden;
  overflow-y: auto;
}

.stars {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("./src/img/particles.png");
  background-position: center center;
}

.content {
  width: 90%;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.header {
  color: #7a9299;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  top: 0;
  margin: 0;
}

.header .black-hole {
  width: 114px;
  min-width: 114px;
  height: 114px;
  border-radius: 50%;
  background: #062f3b;
  margin-left: 20px;
  margin-right: 20px;
  z-index: 0;
  position: relative;
}

#particle {
  left: -100%;
  position: absolute;
  top: -100%;
  margin-top: -44px;
  margin-left: -45px;
  opacity: 1;
}