:root {
    --main-bg-color: #233d4d;
    --accent-bg-color: #173243;
}

.dashed {
    border-style: dashed;
}

.bg-main-custom {
    background-color: var(--main-bg-color) !important;
}

.bg-accent-custom {
    background-color: var(--accent-bg-color) !important;
}

.border-custom {
    border-color: var(--main-bg-color) !important;
}

.text-custom {
    color: var(--main-bg-color) !important;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.footer-custom {
    color: #292d32
}

#register {
    padding: 40px;
}

#register input.invalid {
    border: 1px solid #ffaba5;
}

#register .step {
    display: none;
}

.side-img {
    width: 300px;
    border-radius: 10px;
}

.navbar-bottom-custom {
    padding: 40px 25px;
    background-color: var(--main-bg-color);
}

li.valid {
    text-decoration: line-through;
}

.form-check-input:checked {
    background-color: var(--main-bg-color);
    border-color: var(--accent-bg-color);
}