@import url(./fonts.css);

:root, [data-bs-theme=light] {
    --bs-body-font-family: 'Quicksand', sans-serif;
    --bs-danger-rgb: 239,49,57;
}

body {
    background: #141E30;  /* fallback for old browsers */
}

h1 {
    font-family: 'Secular One', sans-serif;
}

h2 {
    font-family: 'Secular One', sans-serif;
}

p {
    font-size: 80%;
}

li {
    font-size: 80%;
}

.fs-7 {
    font-size: 0.8rem;
}

.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 0.8rem;
--bs-pagination-color: 239,49,57;
--bs-pagination-bg: hsla(0, 0%, 100%, 0.1);
--bs-pagination-border-width: 1px;
--bs-pagination-border-color: hsla(210, 14%, 89%, 0.1);
--bs-pagination-border-radius: 0.75rem;
--bs-pagination-hover-color: #EF3139;
--bs-pagination-hover-bg: hsla(0, 0%, 100%, 0.2);
--bs-pagination-hover-border-color: #EF3139;
--bs-pagination-focus-color: #EF3139;
--bs-pagination-focus-bg: hsla(0, 0%, 100%, 0.3);
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #EF3139;
--bs-pagination-active-border-color: #EF3139;
--bs-pagination-disabled-color: rgba(33, 37, 41, 0.75);
--bs-pagination-disabled-bg: #e9ecef;
--bs-pagination-disabled-border-color: #dee2e6;
}

@media (min-width: 768px) {
    .container {
        width: 75%;
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 992px) {
    .container {
        width: 50%;
        display: flex;
        flex-direction: column;
    }
}