:root {
    --general-font-family: "Arial", sans-serif;
    --bg-primary: #000;
    --bg-secondary: #FFF;
    --contrast-primary: #D2C1B6;
    --contrast-secondary: #EAD8B1;
    --text-base: #234C6A;
    --white-base: #fff;
    /* Grey Pallete */
    --color0: rgba(0,0,0,255);
    --color1: rgba(33, 37, 36, 255);
    --color2: rgba(13, 13, 11, 255);
    --color3: rgba(139, 131, 140, 255);
    --color4: rgba(242, 241, 223, 255);
    --color5: rgba(192, 162, 136, 255);
    --color-red: rgba(252, 67, 73, 250);
}

#form-container {
    margin: 10px auto;
    padding: 20px;
    max-width: 30%;
    min-width: 360px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.btn-root-disabled {
    background-color: #f00;
    color: #000;
    cursor: not-allowed;
    opacity: 0.1;
}

.card {
    box-shadow: 5px 5px 5px #000000bb;
}

.form-control, .form-select {
    max-width: 50vh;
    margin: 0 auto;
}

.form-label {
    margin: 5px 10vh;
}

.hseparator5 {
    margin-top: 5px;
}

.hseparator10 {
    margin-top: 10px;
}

.hseparator15 {
    margin-top: 15px;
}

.hseparator20 {
    margin-top: 20px;
}