html, body {
       
    }	

    #pack {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 800px;
        width: 750px;
        margin-top: -100px;
        margin-left: -100px;
    }
     
    #sparkle1 {
        position: absolute;
        top: 0%;
        left: -50%;
        
    }
     
    #sparkle2 {
        position: absolute;
        top: 0%;
        left: -10%;
        
    }
     
    #sparkle3 {
        position: absolute;
        top: 0%;
        left: 30%;
        
    }
     
    #sparkle4 {
        position: absolute;
        top: 0%;
        left: 70%;
        
    }
     
    #sparkle5 {
        position: absolute;
        top: 30%;
        left: -50%;
       
    }
     
    #sparkle6 {
        position: absolute;
        top: 30%;
        left: -10%;
       
    }
     
    #sparkle7 {
        position: absolute;
        top: 30%;
        left: 30%;
        
    }
     
    #sparkle8 {
        position: absolute;
        top: 30%;
        left: 70%;
        
    }
	
	 #sparkle9 {
        position: absolute;
        top: 60%;
        left: -50%;
        
    }
	
	 #sparkle10 {
        position: absolute;
        top: 60%;
        left: -10%;
        
    }
	
	 #sparkle11 {
        position: absolute;
        top: 60%;
        left: 30%;
        
    }
	
	 #sparkle12 {
        position: absolute;
        top: 60%;
        left: 70%;
        
    }
	
	 #sparkle13 {
        position: absolute;
        top: 50%;
        left: 70%;
        
    }
	
	
     
    #sparkles {
        position: absolute;
        top: 50%;
        left: 50%;
     
        width: 750px;
        height: 750px;
        margin-top: -250px;
        margin-left: -250px;
    }