@font-face {
    font-family: 'Noto Color Emoji';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/l/font?kit=Yq6P-KqIXTD0t4D9z1ESnKM3-HpFabts6diywZkdG24Hr9i9_Ee3GaiuV-ogTkPe85iX&skey=a373f7129eaba270&v=v30) format('woff2');
}

:root {
    /*--bs-body-font-family: 'Montserrat', sans-serif;*/
    --bs-body-font-family: 'Nunito Sans', sans-serif;
}

html {
    font-size: 16px;
}

body {
    --google-font-color-notocoloremoji: colrv1;
}

html, body {
    min-height: 100%;
}

body.app {
    overscroll-behavior: none;
}

body.app:has(.navbar) {
    margin-bottom: 60px;
}

.container {
    max-width: 1200px;
}

small, .small {
    /*font-size: .9em;*/
}

.navbar {
    /*--bs-navbar-brand-margin-end: 0;*/
    /*--bs-navbar-nav-link-padding-x: 0;*/
}

/*.navbar .container > :first-child {
    flex-grow: 1;
    flex-basis: 0;
}

.navbar .container > :last-child {
    flex-grow: 1;
    flex-basis: 0;
    justify-content: end;
}*/

.navbar .container {
    display: flex;
}

.navbar .navbar-brand {
    flex-grow: 0;
}

.navbar-main {
    box-shadow: #a9a9a9 0 1px 3px -1px;
}

.dropdown.show-more .dropdown-toggle::after {
    display: none;
}

.modal-body {
    /*flex-grow: 0;*/
}

.opacity-625 {
    opacity: 0.625 !important;
}

big {
    font-size: 1.125rem;
}

.big {
    font-size: 1.125rem;
}

.btn-light {
    /*--bs-btn-border-width: 0;*/
}

@media (pointer: coarse) {
    .btn:hover {
        color: var(--bs-btn-color);
        background-color: var(--bs-btn-bg);
        border-color: var(--bs-btn-border-color);
    }
}

.modal {
    /*--bs-modal-header-border-width: 0;*/
    /*--bs-modal-footer-border-width: 0;*/
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    background: rgb(var(--bs-dark-rgb), 0.5);
}

#quick-nav .active {
    color: var(--bs-dark-rgb) !important;
}

:target {
    scroll-margin-top: 80px;
}