:root {
    --brand-color: #BF895A;
}

html {
    font-family: "Roboto", sans-serif;
}

body {
    background-image: url('./images/bg.jpg');

}

.logo,
.title,
.row {
    display: flex;
    justify-content: center;
}

.form-control:focus,
.select:focus {
    border-color: var(--brand-color);
    box-shadow: 0 0 0 .1rem var(--brand-color);
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: var(--brand-color);
    box-shadow: 0 0 0 .1rem var(--brand-color);
}

input,
select,
.select2 {
    border: 1px solid lightgrey !important;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.btn,
.btn:hover,
.btn:active,
.btn:focus-visible {
    background-color: var(--brand-color) !important;
    border-color: var(--brand-color) !important;
    box-shadow: var(--brand-color) !important;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.1rem;
}