body {
  margin: 0;


  background: url("../img/Green_Mac_Wallpaper.jpeg") no-repeat center center;
  background-size: cover;

  overflow: hidden;
  cursor: pointer;
  font-family: "Arial", sans-serif;
  color: white;
  text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


/* Add large instruction text */
.instructions {
	font-size: 2rem;
	font-weight: bold;
	z-index: 10;
	color: #ff9671;
	text-shadow: 1px -1px 7px rgb(142 142 142 / 80%);
}

.projectile {
	position: absolute;
	width: 12px;
	height: 12px;
	background: white;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.8),
		0 0 30px rgba(255, 255, 255, 0.6), 0 0 40px rgba(255, 255, 255, 0.4);
}

.particule {
	position: absolute;
	font-size: 2rem;
	font-family: "Cursive", serif;
	font-weight: bold;
	color: white;
	transform: scale(0);
	opacity: 0;
}

.sparkle {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
	transform: scale(0);
	opacity: 0;
}

 .name-1 {
      font-size: 22px;
      line-height: 1.6;
      font-family: monospace;
      white-space: normal;
    }

    .cursor {
      display: inline-block;
      width: 2px;
      background: #000;
      animation: blink 1s infinite;
      margin-left: 4px;
    }

    @keyframes blink {
      50% { opacity: 0; }
    }