.alavbody {
    margin: 0;
  background-color: #131313; 





    animation: AlavRenderB 15s infinite ; 
    
    background: repeating-linear-gradient( 230deg , #ffffff , #131313 0.1px , #131313 20px  );
}

.alavbody h1 {
    color: #FFFFFF;
    text-align: center;
    font-family: monospace;
    animation: AlavArray 5s infinite ; 

}
.alavbody p {
    color: #FFFFFF;
    text-align: center;
    font-family: monospace;
    animation: AlavArray 5s infinite ; 
}


.alav img {
    max-width: 15%;
    text-align: center;
}


.alavsupported img {
    border: #FFFFFF solid 1px;
    box-shadow:  5px -5px #FFFFFF;
}





.alavnav a {
    text-decoration: none;
    color: #ffffff;
    padding: 50px;
    font-size: 25px;
    font-family: monospace;
    animation: AlavArray 5s infinite ; 
}
.alavnav nav :hover{
    font-size: 35px;
     transition: 1.2s;
}

.alavnav nav {
    border-bottom: solid 2px #FFFFFF;
    max-width: 100%;
    text-align: center;
    font-family: monospace;
    padding-bottom: 15px;
}

.alav {

display: grid;    
place-items: center;
}


.alavsupported  {
    text-align: center;
    display: grid;    
    place-items: center;  
}

























/*
.AlavRenderA{
    animation: AlavRenderB 1s infinite;

    box-shadow: inset #FFFFFF 0px 0px 75px 25px;



    pointer-events: none;
    background-color: #9f89ff;
    opacity: 0.05; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}




@keyframes AlavArray {
    0%{
        text-shadow: #ffffff 2.0px 2.0px;

    }
    

    50%{
        text-shadow: #ffffff 2.0px 2.0px;
    }

    100%{
        text-shadow: #ffffff 1.2px 1.2px;

    }
}

*/


/*box-shadow: inset #FFFFFF 0px 0px 75px 25px; 9f89ff */



















@keyframes AlavRenderB {
 
   0%{
   background-position-y: 500px;


    }

   25%{
    background-position-x: -500px;


   }

   75%{    

    background-position-y: -500px;

   }

   100%{
    background-position-x: 500px;

   }

}

/*
@keyframes AlavRenderC {
 
    0%{
 background-color: #9f89ff;
     }
 
    25%{
     background-color: #131313;
 
    }
 
    75%{
     background-color: #131313;
 
    }
 
    100%{
     background-color: #9f89ff;
 
    }
 
 }










*/









.alavfooter {
    padding-top: 15px;
    left: 0;
    position: absolute;
    bottom: 0;
    border-bottom: solid 2px #FFFFFF;
    width: 100%;
    text-align: center;
}
.alavfooter p{
    font-family: monospace;

    color: #FFFFFF;
}

.alavfooter img {
    max-width: 2%; 

}