body {
    font-family: 'EB Garamond', Georgia, serif;
    background-color: #121212;
    background-image: none;
    color: #e6e6e6;
    /* transition: background-color 0.3s, color 0.3s; */
}

h2,
h4,
h5 {
    color: #e6e6e6;
}

.bg-white {
    background-color: #1e1e1e !important;
}

.form-control {
    background-color: #fff;
    border-color: #ccc;
    /* color: #e6e6e6; */
}

.person-card {
    text-align: center;
    transition: transform 0.2s;
}

.person-card:hover {
    transform: scale(1.02);
}

.person-image {
    border: 1px solid #ccc;
    border-radius: 8px;
    max-width: 100%;
    height: auto;
}

.entry {
    background-color: #1a1a1a;
    border: 1px solid #333;
    opacity: 0;
    transform: translateY(10px);
    animation: fadeInUp 0.6s ease-out forwards;
    animation-delay: 0.2s;
}


.ornament {
    display: block;
    margin: 3rem auto 3rem;
    max-width: 250px;
}


.text-muted {
    color: #999 !important;
}


a {
    text-decoration: none;
    color: inherit;
}

.important {
    display: none !important;
}

.btn-secondary {
    background-color: #444;
    border-color: #444;
    color: #fff;
}

.btn-secondary:hover {
    background-color: #333;
    border-color: #333;
}

hr {
    border-top: 1px solid #ccc;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInImage {
    to {
        opacity: 1;
        transform: scale(1);
    }
}