/* fonts */

:root {
  --bs-font-sans-serif: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Roboto Condensed";
}


.callout {
    --bs-link-color-rgb: var(--bd-callout-link);
    --bs-code-color: var(--bd-callout-code-color);
    padding:1.25rem;
    margin-top:1.25rem;
    margin-bottom:1.25rem;
    color:var(--bd-callout-color, inherit);
    background-color:var(--bd-callout-bg, var(--bs-gray-100));
    border-left:0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
}
.callout h4 {
    margin-bottom:.25rem
}
.callout>:last-child {
    margin-bottom:0
}
.callout+.callout {
    margin-top:-.25rem
}
.callout .highlight {
    background-color:rgba(0,0,0,0.05)
}
.callout-info {
    --bd-callout-color: var(--bs-info-text-emphasis);
    --bd-callout-bg: var(--bs-info-bg-subtle);
    --bd-callout-border: var(--bs-info-border-subtle)
}
.callout-success {
    --bd-callout-color: var(--bs-success-text-emphasis);
    --bd-callout-bg: var(--bs-success-bg-subtle);
    --bd-callout-border: var(--bs-success-border-subtle)
}
.callout-warning {
    --bd-callout-color: var(--bs-warning-text-emphasis);
    --bd-callout-bg: var(--bs-warning-bg-subtle);
    --bd-callout-border: var(--bs-warning-border-subtle)
}
.callout-danger {
    --bd-callout-color: var(--bs-danger-text-emphasis);
    --bd-callout-bg: var(--bs-danger-bg-subtle);
    --bd-callout-border: var(--bs-danger-border-subtle)
}
.callout-light {
    --bd-callout-color: var(--bs-light-text-emphasis);
    --bd-callout-bg: var(--bs-lihgt-bg-subtle);
    --bd-callout-border: var(--bs-light-border-subtle)
}