.headerbutton {
    border: none;
    padding: 0 5pt;
    margin: 0 5pt;
    font-size: 15pt;
}

.headerbutton_active {
    border: white solid 2pt;
    animation: glowing 1300ms infinite alternate linear;
}

.headerbuttonimg {
    width: 60pt;
    background-size: auto calc(100% - 10pt);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 5pt;
    margin-bottom: 5pt;
    z-index: 6000;
}

.keyboard-toggle {
    display: inline-block;
    height: 25pt;
    color: #FFFFFF;
    padding: 0;
    font-size: 10pt;
    border-radius: 10px;
}

button, input[type=submit] {
    border-collapse: separate;
    border-radius: 10px;
    outline: none;
    border: none;
    background-color: #442682;
    color: #FFFFFF;
    padding: 10pt;
    margin: 10pt;
    font-size: 20pt;
}

button:disabled, input[type=submit]:disabled {
    border-collapse: separate;
    border-radius: 5px;
    outline: none;
    border: none;
    background-color: #e0e0e0;
    color: #8b8b8b
}

button#do_marry {
    background-color: #442682;
    color: #FFFFFF;
    padding-left: 20pt;
    padding-right: 20pt;
    padding-top: 15pt;
    padding-bottom: 15pt;
    margin: 10pt;
    font-size: 20pt;
}

button#do_marry:disabled {
    background-color: #e0e0e0;
    color: #8b8b8b
}

button.keyboard-toggle-wedding {
    display: inline-block;
}

@keyframes glowing {
    0% {
        opacity: 100%;
    }
    100% {
        opacity: 0;
    }
}