.mybutton {
    background-color: var(--main-color);
    color: var(--bg-color);
    border: 2px var(--bg-color) outset;
}
.mybutton.right {
    background-color: var(--right-color);
    border: 4px solid var(--accent-color);
    font-weight: bold;
    opacity: 1 !important;
}
.mybutton.disabled {
    opacity: 0.5;
}
.mybutton.wrong {
    background-color: var(--wrong-color);
}
.mybutton:hover {
    color: var(--accent-color);
}
.mybutton.onQ:active {
    background-color: var(--right-color);
}
.mybutton:active {
    background-color: var(--accent-color);
}
.mybutton.tryanother {
    display:block;
    margin: auto;
    width:80%;
    font-size: 18px;
    vertical-align: middle;
    background-color: var(--right-color);
}