#page { margin: auto; margin-top: 85px; }

#page input {
    width: 95%;
}

#page table {
    background-color: #333;
    width: 95%;
    margin: 10px 0px;
    padding: 15px;
    border: 2px solid black;
    border-radius: 5px;
}

#name_generation_display {
    width: 90%;
    font-size: 18px;
    margin: auto;
    padding: 10px;
    border: 2px solid black;
}

#hint {
    font-family: 'Courier New', Courier, monospace;
    font-style: italic;
    font-size:85%;
    margin: 5px;
    padding: 10px;
}

#action_reset,
#action_generate {
    height: 65px;
    width:100%;
}
#action_reset {
    background-color: #a00;
    color: #fff;
    border: 2px solid #aaa;
}
#action_generate {
    background-color: #0a0;
    color: #fff;
    border: 2px solid #aaa;
}

#action_reset:hover {
    background-color: #800;
    color: #888;
    border: 2px solid #000;
}
#action_generate:hover {
    background-color: #080;
    color: #888;
    border: 2px solid #000;
}