.btn-primary {
    background-color: #28A745;
}

.sky {
    background: linear-gradient(to bottom, rgb(0, 134, 196) 0%, rgba(255, 244, 244, 1) 95%, rgba(255, 244, 244, 1) 100%);
}

/* Badges */
.bg-gold, .bg-blue, .bg-green, .bg-red, .bg-purple, .bg-pink, .bg-bronze, .bg-silver, .bg-grey, .bg-orange {
    color: #1b263b !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}


.bg-green {
background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bg-bronze {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0d0a2+0,8c5810+50,754501+51,bf904f+100 */
background: linear-gradient(to bottom,  #f0d0a2 0%,#8c5810 50%,#754501 51%,#bf904f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    
.bg-silver {
background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 32%,#dddfe3 47%,#b8bac6 49%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bg-gold {
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%)!important;
}

.card {
    background: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 450px;
    transition: all 0.3s ease;
}

.card:hover {
    transform: scale(105%);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
}