style.css

body::before {
    display: block;
    content: '';
    height: 60px;
}

a {
    color: aliceblue;
}

a:hover {
    color: aqua;
}

#map {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
#frazier {
    background-image: url("img/brenden_frazier.jpeg");
    background-size: cover;
}
.card {
    position: relative;
    background-color: green;
     opacity: 0.5;
     color: black;
}
.card:hover,
.card:active,
.card:focus {
    background-color: black;
    opacity: 1;
    z-index: 10;
    cursor: pointer;
}
#dench {
    background-image: url("img/judy_dench.jpeg");
    background-size: cover;
}
#williams {
    background-image: url("img/robin_williams.jpeg");
    background-size: cover;
}
#up {
    color: aqua;
}
.navbar-brand {
       font-family: cursive, fantasy, serif, sans-serif;
}
@media (min-width: 768px) {
    .news-input {
        width: 50%;
    }
}