body, html {
  
  margin: 0;
  height: 100%;
  
  
}

.color {
 width: 100%;
 height: 100%;
 float: left;
	
}


.color:nth-child(1){
  
}



.sky {
  height: 100%;
  color: #FFF;
  display: block;
  position: absolute;
  z-index: 99999;
  width: 100%;
  pointer-events: none; /* Esto permite que los clics pasen a través */
    
}

.sky canvas {
  pointer-events: none; /* Asegura que el canvas también permita clics a través */
}