body{
    font-family: 'nunito', sans-serif;
}
.carousel-caption{
    text-shadow: 5px 5px 5px black;
}
.button{
    background-image: linear-gradient(rgba(196, 192, 184, 0.434), rgba(132, 134, 138, 0.586));
}
.button:hover{
    color: white;
    background-image: linear-gradient(rgba(209, 198, 198, 0.007), rgba(184, 184, 196, 0.138));
    outline: 2px solid white;
}
.far{
    color: slateblue;
    background-color: rgb(217, 213, 248);
    border-radius: 50%;
}
.choose{
    background-color: slateblue;
    color: seashell;
    padding: 5px 35px;
    border-radius: 50px;
}
.choose:hover{
    color: slateblue;
    background-color: #ffffff;
    outline: 2px solid slateblue;
    transform: scale(1.05);
    transition: transform 1s ease, background-color 1s ease;
}
.c-col{
    background-color: #9d91f7;
    color: white;
}
.far-white{
    color: white;
    background-color: rgba(105, 90, 205, 0);
}
@media (max-width: 668px) {
    .carousel-item img{
        width: 100%;
        height: 400px;
    }
}