h1 {
    color: #333;
    font-family: 'Arial', sans-serif;
}

p {
    color: #666;
    font-family: 'Arial', sans-serif;
}

.navbar {
    background-color: rgba(255, 255, 255, 0.9);
}

.navbar-brand {
    font-weight: bold;
}


div {
    min-height: 30px;
}

.card {
    height: calc(100% - 1rem);
    overflow: hidden;
}

img.placeholder{
    width: 100%;
    height: 100%;
}

ul.dropdown-menu > li:has(a.placeholder){
    width: 80%;
    margin: 0 auto;
}

#topBanner{
    height: 70vh;
    background-color: #50C878;
}


@media screen and (min-width: 768px){
    .card {
        background-color: antiquewhite;
    }
}