body {
    background: #f3f3f3;
}
#page-title {
    background: -o-repeating-radial-gradient(circle, transparent, transparent 11.5px, #525252 11.5px, #525252 14.8px), -o-repeating-radial-gradient(circle, transparent, transparent 11.5px, #525252 11.5px, #525252 14.8px), #4d4d4d;
    background: repeating-radial-gradient(circle, transparent, transparent 11.5px, #525252 11.5px, #525252 14.8px), repeating-radial-gradient(circle, transparent, transparent 11.5px, #525252 11.5px, #525252 14.8px), #4d4d4d;
    background-size: 66px 66px;
    background-position: 0 0, 33px 33px, 66px 33px;
    background-color: #4d4d4d;
    color: white;
    text-align: center;
}
#page-title .title {
    margin: 0;
    font-family: 'sahel';
    font-weight: 900;
}
.form-control, .form-select {
    border: 2px solid #ffe2a9;
    border-radius: 0;
}
.form-control:focus, .form-select:focus {
    border-color: var(--main-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-check-input:focus {
    border-color: var(--main2-color);
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgba(18,181,131,.25);
    box-shadow: 0 0 0 .25rem rgba(18,181,131,.25);
}
.form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.form-fields {
    background: white;
    padding: 1rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}
.form-fields .description {
    padding: 1rem;
    border: 2px dashed var(--main-color);
}