html {
    scroll-behavior: smooth;
    background: linear-gradient(33deg, rgba(2,0,36,1) 0%, rgba(117,28,58,1) 44%, rgba(22,61,106,1) 59%, rgba(31,96,167,1) 85%, rgba(107,135,1,1) 100%);
    background-attachment: fixed;
}
* {
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 600;
}
body {
    background: rgba(0, 0, 0, 0.62);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    overflow: auto;
}

section {
    /* From https://css.glass */

}
header nav {
    position: fixed;
    top: 0;
    z-index: 999;
}

.form-control::placeholder {
    color: rgba(255,255,255, .6);
}

#searchtext::placeholder {
    color: rgba(255,255,255, .6);
    opacity: 1; /* Firefox */
    font-size: .9rem;
    animation:
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}
.quick-access-cards .card-img-overlay, .btn-nearby {
    cursor: pointer;
    /* background: rgba(0, 0, 0, 0.62); */
}
.card-img-overlay .img-inner-bottom-overlay {
    height: 0px;
    padding: 0px 5px !important;
    transition-delay: 500ms;
    transition: height 500ms ease;
}
.card-img-overlay > *:nth-child(2), .card-text {
    animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
}
.card-img-overlay {
    background: linear-gradient(to top, rgba(0 0 0 / 1),rgb(0 0 0 / 0.6),rgb(0 0 0 / 0),rgb(0 0 0 / 0))
}

.quick-access-cards .card > img{
    transition: all .4s ease-in-out;
}
.quick-access-cards .card {
    min-width: 250px;
    max-width: 300px;
}

.quick-access-cards .card, .card-img-overlay {
    overflow: hidden;
}

.card-img-overlay:hover > .img-inner-bottom-overlay {
    height: 150px;
    padding: 0px 5px !important;
}

#scrollRight, #scrollLeft, #scrollRight1, #scrollLeft1 {
    color:whitesmoke;
}
#scrollRight:hover, #scrollRight1:hover{
    color:rgba(0, 0, 0, 0.8);
    background-color: whitesmoke;
}
#scrollLeft:hover, #scrollLeft1:hover{
    color:rgba(0, 0, 0, 0.8);
    background-color: whitesmoke;
}
.quick-access-cards .card:hover > img {
    transform: scale(1.1);
}

.quick-access-cards {
    width: 90vw;
    overflow-x: hidden !important;
    scroll-behavior: smooth;
}

@media screen and (max-width: 480px) {

    .quick-access-cards {
      overflow-x: auto !important;
    }
}


@keyframes reveal {
    0% {
        transform: translate(0,100%);
    }
    100% {
        transform: translate(0,0);
    }
}