@font-face {
    font-family: 'relative-book';
    font-style: normal;
    font-weight: normal;
    src: local('relative-book'), url('../webfonts/relative-book.ttf') format('truetype');
}

html,
body {
    font-family: 'relative-book', serif;
    background-color: #f5f5f5;
}

.btn-primary,
.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.form-check-input:checked {
    background-color: #009ABE;
    border-color: #009ABE;
}

.form-range::-webkit-slider-thumb {
    background: #009ABE;
}
.form-range::-moz-range-thumb {
    background: #009ABE;
}
.form-range::-ms-thumb {
    background: #009ABE;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: #1A243C;
    border-color: #1A243C;
}