@font-face {
    font-family: 'Rational Integer';
    src: url('../Rational Integer.ttf');
}

body {
    font-family: 'Rational Integer';
    background-color: #8c95a9;
    letter-spacing: .11rem;
}

main {
    background-color: #aed5ebbd;
}

nav {
    flex: 0;
    /* display: flex; */
    background-color: #b3d7b6;
    width: 100%;
    min-height: 75px;
    border-bottom: black 1px solid;
}

.nav-link {
    color: black;
    font-size: large;
    text-decoration: underline;
}

.navbar-brand {
    text-decoration: underline;
}

.navbar-toggler {
    padding: 3px;
}

.navbar-collapse {
    flex-basis:60%;
}

div.border-dark-subtle {
    width: 300px;
    height: 150px;
    color:black;
    border: 2px solid #000000ae;
}

a {
    color:black;
}

.description {
    font-size: 1.2rem;
    text-align: left;
}

.right-col {
    background-color: rgba(70, 47, 70, 0.349);
}

button {
    max-width: fit-content!important;
}

div.text-box {
    width: 310px;
    height: 140px;
}

div.border {
    background-color: rgba(169, 180, 212, 0.252);
}

.home {
    font-size: 2.3rem;
}

.vr {
    width: 2px;
    height: auto; /* Adjust to span both sections */
    background-color: #6c757d; /* Bootstrap secondary color */
    opacity: 0.5;
}

.media-card {
    background-color: #4b4848d2; /* Align with site color scheme */
}