body {
    color: #332E30;
    background-color: #FFFFE5;
}

.main2>.homebtn,
.main2>.reguser,
.main>.inputcard,
.card,
.main>.inputform {
    background: #FFFFFF;
    border: 1px solid #A7A37E;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
}

.main2>.homebtn:hover,
.main2>.reguser:hover,
.card:hover {
    transition-duration: 0.1s;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
}

.card>.card_title {
    color: black;
    font-size: large;
    font-weight: bold;
}

.card>.card_footer {
    font-size: small;
    color: slategray;
}

.main2>header {
    background: #FFFFFF;
    border: 1px solid #A7A37E;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
}

.footer {
    background-color: #FFFFFF;
    border: 1px solid #A7A37E;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    vertical-align: middle;
}

table,
td,
th {
    border-color: #332E30;
}

a {
    color: #332E30;
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: underline;
}

.main>.button21 {
    text-decoration: none;
    color: rgb(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, .4);
    border-top-color: rgba(0, 0, 0, .3);
    background: linear-gradient(rgb(255, 255, 255), rgb(240, 240, 240));
    box-shadow: 0 0 3px rgba(0, 0, 0, 0) inset, 0 1px 1px 1px rgba(255, 255, 255, .2), 0 -1px 1px 1px rgba(0, 0, 0, 0);
}

.main>.button21:hover:not(:active) {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0) inset, 0 1px 1px 1px rgba(0, 0, 0, .25), 0 -1px 1px 1px rgba(0, 0, 0, .25);
}

.main>.button21:active {
    background: linear-gradient(rgb(250, 250, 250), rgb(235, 235, 235));
    box-shadow: 0 0 3px rgba(0, 0, 0, .5) inset, 0 1px 1px 1px rgba(255, 255, 255, .4), 0 -1px 1px 1px rgba(0, 0, 0, .1);
}