@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
body {
    background: #EFFFE5;
    font-family: 'Poppins', sans-serif;
}

.funky-quote {
    padding: 15px;
    margin: 10px 0;
    font-style: italic;
    font-size: 1.2em;
    color: darkgreen;
}

/*.bd-placeholder-img {*/
/*    font-size: 1.125rem;*/
/*    text-anchor: middle;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    user-select: none;*/
/*}*/

/*@media (min-width: 768px) {*/
/*    .bd-placeholder-img-lg {*/
/*        font-size: 3.5rem;*/
/*    }*/
/*}*/

.card-img-top {
    width: 100%;
    height: 30vw;
    object-fit: cover;
}

/*!* CUSTOMIZE THE CAROUSEL*/
/*-------------------------------------------------- *!*/
/**/
/* Carousel base class */
/*.carousel {*/
/*    margin-bottom: 4rem;*/
/*}*/
/**/
/* Since positioning the image, we need to help out the caption */
/*.carousel-caption {*/
/*    bottom: 3rem;*/
/*    z-index: 10;*/
/*}*/
/**/
/* Declare heights because of positioning of img element */
/*.carousel-item {*/
/*    height: 32rem;*/
/*}*/
/**/
/*.carousel-item > img {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    min-width: 100%;*/
/*    height: 32rem;*/
/*}*/
/**/
/*.custom-background {*/
/*    background-color: #681956;*/
/*}*/

/*.primary {*/
/*    color: green;*/
/*}*/

/*.navbar-custom {*/
/*    background-color: green;*/
/*}*/

.fa {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
    background: #3B5998;
    color: white;
}