.card {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 800px;
}
#title {
    height: 600px;
    background-color: #C6C6C6;
}

/* START BUTTONS */
button.primary {
    border-width: 1px;
    border-radius: 16px;
    font-weight: bold;
    font-size: 1rem;
    font-family: Arial;
    width: 140px;
    height: 50px;
}
button.secondary {
    border-width: 1px;
    border-radius: 16px;
    font-weight: bold;
    font-size: 1rem;
    font-family: Arial;
    width: 140px;
    height: 25px;
}
button.primary:active {
    box-shadow: 0 0;
    transform: translate(3px, 4px);
}
button.secondary:active {
    box-shadow: 0 0;
    transform: translate(3px, 4px);
}
button.red {
    color: #fff;
    background: linear-gradient(#c62d1f, #f24437);
    border-color: #d02718;
    box-shadow: 3px 4px 0 0 #8a2a21;
    text-shadow: 0 1px 0 #810e05;
}
button.green {
    color: #fff;
    background: linear-gradient(#2fc22a, #37f250);
    border-color: #2fc22a;
    box-shadow: 3px 4px 0 0 #159e37;
    text-shadow: 0 1px 0 #026112;
}
button.blue {
    color: #fff;
    background: linear-gradient(#2f82cf, #3cb7dd);
    border-color: #2f82cf;
    box-shadow: 3px 4px 0 0 #15609e;
    text-shadow: 0 1px 0 #154585;
}
/* END BUTTONS */