section{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    

    background: url(wall.jpg);
width: 100%;
    min-height: 10%;
    overflow: hidden;
    background-attachment:fixed ;
    background-position:center;
    background-size:cover;



}
section::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100% ;
    background: blueviolet;
    z-index: 100;
    mix-blend-mode: color;
    animation: animateColor 15s linear infinite;
  
}
@keyframes animateColor{
0%
{
    filter: hue-rotate(0deg);

}
100%
{
    filter: hue-rotate(360deg);
    
}
}
.start5{
    position: relative;
    
    display: flex;
justify-content: center;
align-items: center;
position: relative;



  
    
}
.start5 h1{
    color: aliceblue;
    font-size: 500%;
    font-weight: 500;
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 0.05cm;
    text-shadow: 0 0 10px rgb(52, 150, 255),
    0 0 20px blue,
    0 0 40px rgb(77, 77, 210),
    0 0 80px rgb(19, 19, 113),
    0 0 120px rgb(3, 237, 249),
    0 0 150px rgb(5, 190, 241);
}

.lightbar2{
    position: absolute;
    left: -15px;
    
     width: 10px;
     height: 100%;
     
     border-radius: 10px;
     background: whitesmoke;
     z-index: 100;
     box-shadow: 0 0 10px rgb(52, 150, 255),
     0 0 20px blue,
     0 0 40px rgb(77, 77, 210),
     0 0 80px rgb(19, 19, 113),
     0 0 120px rgb(3, 237, 249),
     0 0 150px rgb(5, 190, 241) ;
     animation: animatelightbar1 5s linear infinite;
}
@keyframes animatelightbar1{
    0%,10%
    {
        transform: scale(0)  translateX(0);
    }
    15%
    {
        transform: scale(1) translateX(0);
    }
    90%
    {
        transform: scale(1) translatex(calc(480px - 40px));
    }
    95%,100%
    {
        transform: scale(0) translatex(calc(480px - 40px));
    }
  
 }
 .toplay2{
    position: absolute;
    
    background: white;
   width: 100%;
   height: 100%; 
   animation: animatetoplay1 10s linear infinite;
   background: url(wall.jpg);

   background-attachment:fixed ;
      background-position:center;
      background-size:cover;
    }
    @keyframes animatetoplay1{
 
        1%,3.5%{
            left: 0;
        }
        8.6%{
            left: 0;
        }
            48.7%,50%{
                left: 115%;
        
            }
        
        
        
           
            50%{
                left: -125%;
            }
            94%{
                left: 0;
            }
            100%,100%{
                left: 0;
            }
           
        }