div#LeButtons li{
    margin: 0 0 20px;
    z-index:1;
    width:100%;
    display:block;
    justify-items:center;
    justify-content:center;
}

#LeButtons{
    padding-top:10%;
    width:100%;
    max-width:100%;
    align-items:center;
    text-align:center;
}
#LeButtons ul{
    margin:0;
    padding:0;
    list-style:none;
}
div#LeButtons li a{
	padding: 8px;
    z-index:5;
    font-family:Arial;
    width:80%;
	color:#ffffff;
	/* background: lightgray;
	border:1px solid #ffffff;
	border-radius: 8px;   */
	text-decoration: none;
	display: block ;
}
#LeButtons li a{
    transform: translateY(0);
    filter: drop-shadow(0px 0px 1px rgba(12, 13, 20, 0.4));
    transition: transform 0.2s ease, filter 0.2s ease;
}
#LeButtons li a:hover{
    transform: translateY(-2px);
    filter: drop-shadow(0px 8px 8px rgba(16, 17, 25, 0.4));
}
@keyframes buttonHover{
    0%{
        transform:translateY(0);
        box-shadow: 0 0 1px rgba(12, 13, 20, 0.4);
    }
    100%{
        transform:translateY(-2px);
        box-shadow: 0 8px 8px rgba(16, 17, 25, 0.4);
    }
}
@keyframes notButtonHover{
    0%{
        transform:translateY(-2px);
        box-shadow: 0 8px 8px rgba(12, 13, 20, 0.4);
    }
    100%{
        transform:translateY(0px);
        box-shadow: 0 0px 0px rgba(16, 17, 25, 0.4);
    }
}