button{
     border-radius: 9px;
     border-width: 4px;
     border-color: black;
    background-color: rgb(14, 94, 232);
    margin-right: 50%; 
     color:
     rgb(255, 255, 255); 
     width: 150px; height: 45px;
      font-family:fantasy;
      font-size: 90%;
      animation: 0.5s linear 0s 1 running myFrameDash;
 display:block;
 position:relative
}

#mantenimientoButton{
    border-radius: 9px;
     border-width: 4px;
     border-color: black;
    background: linear-gradient(blue, darkblue);
    margin-right: 50%; 
     color:
     rgb(255, 255, 255); 
     width: 150px; height: 56px;
      font-family:fantasy;
      font-size: 53%;
      animation: 0.5s linear 0s 1 running myFrameDash;
 display:block;
 position:relative
}

#dowland{
    border-radius: 3px;
     border-width: 4px;
     border-color: black;
    background: linear-gradient(rgb(0, 0, 0), rgb(255, 0, 0));
    margin-right: 50%; 
     color:aliceblue;
     width: 150px; height: 42px;
      font-family:fantasy;
      font-size: 100%;
      animation: 0.5s linear 0s 1 running myFrameDash;
 display:block;
 position:relative
}

#buttonCenter{
     border-radius: 5px;
     border-width: 4px;
     border-color: black;
    background-color: rgb(14, 232, 152);
     color:
     rgb(255, 255, 255); 
     width: 20vw;
     height: auto;
     padding: 15px 0px;
     min-width: 160px;
     max-width: 280px;
     display: inline-block;
     margin: 0;
     font-family: 'Courier New', Courier, monospace;
     font-weight: bold;
     text-shadow: 1px 2px 1px black;
      font-size: 1.2rem;
      animation: 0.5s linear 0s 1 running myFrameDash;
 position:relative
}

.contenedor-fila{
    display: flex;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: fit-content;
}

.parent{
    display: flex;
    justify-content: center;
    width: 100%;
}

button:hover{
    color: rgb(255, 255, 255);
    box-shadow: 7px 6px 7px rgb(243, 163, 26);
}
button:active{
    color: rgb(255, 255, 255);
    box-shadow: 7px 6px 4px rgb(13, 209, 65);
}

@keyframes myFrameDash{
    from{transform: translateX(300px); opacity: 0;}
    to{transform: translateX(0); opacity: 1;}
}