.delayedDisplay{
    animation: delayInDisplay ease 0.5s; 
      animation-iteration-count: 1;
      animation-delay:2s; 
      animation-fill-mode: forwards; 
      visibility:hidden;

  }
  @keyframes delayInDisplay { 
      0%{ 
          visibility: hidden; 
      } 
      100%{
        
        visibility:visible;
      }
  } 
  .splash { 
      animation: fadeInAnimation ease 2s; 
      animation-iteration-count: 1; 
      animation-fill-mode: forwards; 
      visibility:visible;
      z-index:100;
      
        position:absolute;
       top:0;
       left:0;
       bottom:0;
       right:0;
      height:100%;
      width:100%;
    
  } 
  @keyframes fadeInAnimation { 
      0%{ 
          opacity: 0; 
      } 
      50% { 
          opacity: 1; 
      }
      100%{
        opacity:0;
        visibility:hidden;
      }
  }