@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
.logo {
    font-family: 'Pacifico', cursive;
    font-size: 18pt;
    color: aliceblue;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Dark shadow */
}
.logo a {
    text-decoration: none;
    color: #ffffff;
}
.hero-section {
    background:#000;
    background-size: cover;
    background-position:51% 28%;
    background-image:url('../images/photo-1524508762098-fd966ffb6ef9-dark.avif');
    min-height: 50vh;
    color: aliceblue;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Dark shadow */
}

.hero-section h1 {
    margin-top: 40px;
    font-size: 24pt;
}

.navbar, .navbar * {
    background-color: transparent !important;
    color: aliceblue;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Dark shadow */
}

.btn-primary {
    background-color: rgb(17, 128, 60);
    border-color: rgb(17, 128, 60);
}

.btn-primary:hover {
    background-color: rgb(20, 146, 68);
    border-color: rgb(20, 146, 68);
}

.btn-outline-primary {
    border-color: rgb(17, 128, 60);
    color: rgb(17, 128, 60);
}

.btn-outline-primary:hover {
    background-color: transparent;
    border-color: rgb(20, 146, 68);
    color: rgb(20, 146, 68);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* Dark shadow */
}

#about-image {
    width: 100%;
    height: 300px;
    background:#fff;
    background-size: cover;
    background-position: center;
    background-image:url('../images/bOvf94dPRxWu0u3QsPjF_tree.avif');
}

footer {
    background-color: #17251b;
}

footer h5 {
    font-family: 'Pacifico', cursive;
}

footer a {
    text-decoration: none;
    color: #ffffff;
}

footer a:hover {
    text-decoration: dotted;
    color: #cacaca;
}