body { 
  aspect-ratio: 16 / 9;
    cursor: url(""), auto; 
    background-color: black;
  background-position: center; 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.moon {
 position: absolute; 
  top:21%;
  left: 13%;
 width: 16vw; 
  aspect-ratio: 1 / 1;
 background-image:url('mon.png');
 background-size: cover;
 background-color: #eeeeee00;
 cursor: pointer;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.moon:hover {
  animation: spin 5s linear infinite;
}
.container3 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; 
  background-image: url('backg2.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}