html,
body {
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

h1 {
    font-size: calc(2rem + 2vw) !important;
}

h4 {
    font-size: calc(1.5rem + 1.5vw) !important;
}

p,
ul {
    line-height: 2rem;
}

ul {
    list-style-type: "➖ "
}

.active {
    background-color: #007BFF11 !important;
    color: var(--bs-body-color) !important;
}

.dropdown-item:hover {
    background-color: #007BFF22 !important;
    color: var(--bs-body-color) !important;
}

.dropdown-toggle:after {
    border: solid var(--bs-body-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-left: .5rem;
    transform: rotate(45deg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.dropdown-toggle:hover:after {
    border: solid #007BFF;
    border-width: 0 2px 2px 0;
}

.link-dark:hover {
    color: #007BFF !important;
    text-decoration-color: #007BFF !important;
}

.start-7 {
    left: 7% !important;
}

.start-10 {
    left: 7% !important;
}

.top-17 {
    top: 17% !important;
}

.start-25 {
    left: 25% !important;
}

.start-70 {
    left: 70% !important;
}

.text-accent {
    color: #007BFF;
}

.text-brand {
    font-family: 'Red Hat Display', sans-serif;
}

.text-justify {
    text-align: justify;
}

.w-33 {
    width: 33.33333333333%;
}

.w-fit-content {
    width: fit-content;
}

.bd-mode-toggle {
    z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important;
}

.om {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1em 1em;
}

.om-2x {
    height: 2em;
    width: 2em;
    margin: 0 0.01em 0 0.2em;
    vertical-align: -0.5em;
    background-size: 2em 2em;
}

.om-3x {
    height: 3em;
    width: 3em;
    margin: 0 0.15em 0 0.3em;
    vertical-align: -1.1em;
    background-size: 3em 3em;
}

[data-bs-theme=light] .om-rocket {
    background-image: url('../images/dark-rocket.svg');
}

[data-bs-theme=dark] .om-rocket {
    background-image: url('../images/light-rocket.svg');
}

@media (min-width: 992px) {
    .h-lg-75 {
        height: 75% !important;
    }

    .start-lg-25 {
        left: 25% !important;
    }
}

@media (min-width: 1200px) {
    .h-xl-100 {
        height: 100% !important;
    }
}