html,
body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
   vertical-align: middle;
}


.TranslucentDarkBlueButton {
    background-color: transparent;
    color: #232f3e;
    border-color: #232f3e;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    border-width: 1.2px;
}

    .TranslucentDarkBlueButton:focus {
        background-color: transparent;
        color: #232f3e;
        border-color: #232f3e;
        font-family: 'Roboto', sans-serif;
    }


    /*.TranslucentDarkBlueButton:hover {
        background-color: transparent;
        color: #011945;
        border-color: #011945;
        font-family: 'Roboto', sans-serif;
        transform: scale(1.05,1.05);
        -webkit-transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
    }*/


    /* Cambia de color cuando lo toco */

    .TranslucentDarkBlueButton:hover {
        background-color: #232f3e;
        color: ghostwhite;
        border-color: ghostwhite;
        font-family: 'Roboto', sans-serif;
    }