body {
    background: #444d4f;
}


.fs-1 {
    font-family: 'Alfa Slab One', cursive;
    color: white;
}


a {
    color: white;
}

.nav-pills, .price {
    font-family: 'Quicksand', sans-serif;
}

h5, .btn, .input, .sameDay  {
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}

.app {
    font-family: 'Quicksand', sans-serif;
    color: white;
}

.start {
    background-image: url(https://images.unsplash.com/photo-1597423498043-8f85e9eb8ade?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80);
}

.multicolortext {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(222, 31, 54) 20%, rgba(40, 2, 2, 0) 61%), linear-gradient(rgb(210, 108, 108) 52%, rgb(150, 148, 148) 60%, rgb(132, 78, 83) 61%); /* you can change the colors based on your preference */
        background-clip: text; /*it defines how far the background should extend within an element, here we set it to text */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: wave 2000ms ease alternate infinite;
        transition: all 0.4s ease;
    }
    @keyframes wave {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 50vw 10px;
        }
    }