* {
    box-sizing: border-box;
}
body {
    font-family: 'Josefin Sans', 'Nanum Myeongjo', serif !important;
}
.lead {
    font-family: 'Poppins', sans-serif !important;
}
.card-one:hover {
    color: #fff;
    transform: scale(1.025);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 10px;
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -o-transform: scale(1.025);
}
.card:hover .backgroundEffect {
    bottom: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: rgb(25,135,84);
    animation: popBackground 0.5s ease-in;
    -webkit-animation: popBackground 0.5s ease-in;
}
@keyframes popBackground {
    0% {
        height: 15%;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
}
    50% {
        height: 50%;
        border-top-left-radius: 75%;
        border-top-right-radius: 75%;
}
    75% {
        height: 75%;
        border-top-left-radius: 85%;
        border-top-right-radius: 85%;
}
    100% {
        height: 100%;
        border-top-left-radius: 100%;
        border-top-right-radius: 100%;
}
}
.card:hover .bottomEffect {
    bottom: 0;
    height: 1%;
    width: 100%;
    position: absolute;
    background: rgb(25,135,84);
}
.card-body span {
    color: rgb(25,135,84);
}
.fa-star {
    color: gold;
}