@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css");

@font-face {
    font-family: "Dot Gothic";
    src: url("DotGothic16.ttf");
}

:root {
    --bs-body-bg: black;
    --bs-light: rgb(239, 239, 239);
    --bs-light-rgb: 239, 239, 239;
    --bs-body-color: var(--bs-light);
    --bs-body-color-rgb: var(--bs-light-rgb);
    --bs-body-font-family: "Dot Gothic";
    --bs-body-font-size: 1.1rem;
    --bs-link-color: rgb(74, 169, 233);
    --bs-link-color-rgb: 74, 169, 233;
    --bs-link-hover-color: rgb(44, 100, 138);
    --bs-link-hover-color-rgb: 44, 100, 138;
    --bs-primary: rgb(230, 200, 52);
    --bs-primary-rgb: 230, 200, 52;
    --bs-secondary: rgb(232, 230, 95);
    --bs-secondary-rgb: 232, 230, 95;
    --bs-secondary-color: rgb(119, 145, 147);
    --bs-secondary-color-rgb: 119, 145, 147;
}

/* SVGs */

svg path {
    fill: #fff;
}

svg a:hover path,
svg a:focus path {
    fill: #be0c0c;
}

svg text {
    font-size: 0.75rem;
    fill: gray;
}

svg a:hover text,
svg a:focus text {
    fill: white;
}

/* White border */

.outer-border {
    outline: 1px solid #eee;
    outline-offset: -0.7rem;
    width: 100vw;
}

#symbols {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/* Heading Size */

h1 {
    --bs-heading-color: rgb(232, 96, 96);
    font-size: 2rem;
}

h2 {
    --bs-heading-color: rgb(173, 119, 234);
    font-size: 1.5rem;
}

h3 {
    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color: rgb(138, 116, 44);
    --bs-link-hover-color-rgb: 138, 116, 44;
    font-size: 1.203rem;
}

/* Cards */
.card {
    letter-spacing: 0.07em;
}

.card-subtitle {
    --bs-card-subtitle-color: var(--bs-secondary-color);
    margin-bottom: 0.5em;
}

ul a {
    --bs-link-color: rgb(120, 179, 128);
    --bs-link-color-rgb: 120, 179, 128;
    --bs-link-hover-color: rgb(78, 141, 86);
    --bs-link-hover-color-rgb: 78, 141, 86;
}

/* Navigation */

.nav-link:hover,
.dropdown-item:hover {
    background-color: rgba(228, 56, 56, 0.621);
}

.nav-item {
    --bs-nav-link-hover-color: white;
    --bs-navbar-nav-link-padding-x: 0.7rem;
    --bs-nav-link-padding-x: 0.25rem;
}