<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/*=====  End of BUTTON  ======*/
/*==========================================
=            FORM RECTANGLE ETC            =
==========================================*/
.p-8 {
 
  
  
  position: absolute;
  left: 0;
  z-index: 0;
   }

.p-1 {
 
  
  
  position: absolute;
  left: 0;
  z-index: 0;
   }

.p-2 {
  
  position: absolute;
  right: 0;
  z-index: 0;
  }
  
  
  .p-3 {
 
  
  
  position: absolute;
  left: 0;
  z-index: 0;
   }

.p-4 {
  
  position: absolute;
  right: 0;
  z-index: 0;
  }
  
  .p-5 {
 
  
  
  position: absolute;
  left: 0;
  z-index: 0;
   }
   
   
     .p-6 {
 
  
  
  position: absolute;
  left: 0;
  z-index: 0;
   }



.p-7 {
 
  
  
  position: absolute;
  left: 0;
  z-index: 0;
   }
   
   .p-9 {
 
  
  
  position: absolute;
  left: 0;
  z-index: 0;
   }
   
      .p-10 {
 
  
  
  position: absolute;
  left: 0;
  z-index: 0;
   }
   
         .p-11 {
 
  
  
  position: absolute;
  left: 0;
  z-index: 0;
   }
   
            .p-12 {
 
  
  
  position: absolute;
  left: 0;
  z-index: 0;
   }

@keyframes fade-in {
  from {
    opacity: 0;
     }
  to {
    opacity: 1;
     } }
	 
	 
	 @keyframes fade-out {
  from {
    opacity: 1;
     }
  to {
    opacity: 0;
     } }
	

@keyframes fade-in-left {
  from {
    opacity: 0;
    transform: translateX(-100vw); }
  to {
    opacity: 1;
    transform: translateX(0); } }
	
	
	@keyframes fade-in-left2 {
  from {
    opacity: 0;
    transform: translateX(-10vw); }
  to {
    opacity: 1;
    transform: translateX(0); } }
	
@keyframes fade-in-left3 {
  from {
    opacity: 1;
    transform: translateX(-50vw); }
  to {
    opacity: 0;
    transform: translateX(0); } }	
	


@keyframes fade-in-right {
  from {
    opacity: 0;
    transform: translateX(100vw); }
  to {
    opacity: 1;
    transform: translateX(0); } }
	
	
	@keyframes fade-in-right2 {
  from {
    opacity: 0;
    transform: translateX(20vw); }
  to {
    opacity: 1;
    transform: translateX(0); } }
	

@keyframes grow1 {
  from {
    opacity: 0;
    }
  to {
    opacity: 1;
     } }

@keyframes grow2 {
  from {
    opacity: 0;
     }
  to {
    opacity: 1;
     } }

@keyframes fadeInFromTop {
  from {
    opacity: 0;
    transform: translateY(-100px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
	
	
	@keyframes fadeInFromBottom {
  from {
    opacity: 0;
    transform: translateY(50px); }
  to {
    opacity: 1;
    transform: translateY(0); } }



 



.p-1 {
  opacity: 0;
    animation: 2s fade-in forwards;

  
   }

.p-2 {
  opacity: 0;
  animation: 2s fade-in 1s forwards;
    animation-delay: 1s;  }
  
  
  
  .p-3 {
  opacity: 0;
    animation: 2s fade-in 1s forwards;
    animation-delay: 1.5s; 
  
   }

.p-4 {
  opacity: 0;
  animation: 3s fade-in cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s forwards;
    animation-delay: 2s;  }
  
  
  .p-5 {
  opacity: 0;
    animation: 3s fade-in cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s forwards;
    animation-delay: 2.5s; 
  
   }

  .p-6 {
  opacity: 0;
    animation: 3s fadeInFromBottom  1s forwards;
    animation-delay: 3s; 
  
   }
   
   
   
     .p-7 {
  opacity: 0;
    animation: 3s fade-in-left2  1s forwards;
    animation-delay: 3.5s; 
  
   }


  
 .p-8 {
  opacity: 0;
    animation: 2s fade-in-right2 1s forwards;
 animation-delay: 3.5s; 
  
   }
   
   
   .p-9 {
  opacity: 0;
    animation: 2s fadeInFromTop 1s forwards;
 animation-delay: 0s; 
  
   }


   .p-10 {
  opacity: 0;
    animation: 2s fadeInFromBottom 1s forwards;
 animation-delay: 5s; 
  
   }
   
   
     .p-11 {
  opacity: 0;
    animation: 1s fade-in-left3 cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s forwards;
 animation-delay: 1s; 
  
   }
   
   
        .p-12 {
  opacity: 1;
    animation: 4s fade-out  1s forwards;
 animation-delay: 4s; 
  
   }

</pre></body></html>