@font-face {
    font-family: 'Candara';
    src: url(Candara.ttf);
    font-display: swap;
}
#Lpmenu{position:absolute;top:5%;width:100%;text-align:center;font-size:2.7vmin;font-family:"Candara";color:#727525;}
#dibuts{position:absolute;top:15%;left:5%;width:90%;height:70%;overflow:hide;background-color:#462a15;box-shadow:10px 10px 10px black;border-radius:15px;}
.glow-on-hover {width: 25%;height:20%;;border: none;outline: none;color: #fff;background-color: darkcyan;cursor: pointer;position: relative;z-index: 0;border-radius: 10px;margin-top:40px;margin-left:70px;font-size:4vmin;font-family:"Candara";font-weight:600;border:4px outset gray;text-shadow: 2px 2px #678989;}
.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #180502, #180502, #390f09, #44120b, #4f140b, #58170d, #58170d, #6b1e12, #6b1e12);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {color: #000;}
.glow-on-hover:active:after {background: transparent;}
.glow-on-hover:hover:before {opacity: 1;}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:#8e8d71;
    left: 0;
    top: 0;
    border-radius: 10px;
/*    box-shadow:5px 5px 5px #546868;*/
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}