body {
    height: 100%;
    padding: 0;
    overflow:hidden;
}

#slick {
    display: none;
    height: 60%;
}

    #slick.slick-initialized {
        display: block;
    }

    #slick .slick-list {
        margin-left: -15px;
        margin-right: -15px;
    }

    #slick .slick-slide {
        padding-right: 15px;
        padding-left: 15px;
    }

        #slick .slick-slide:focus {
            outline: none;
            cursor: grab;
        }

    #slick .slick-arrow {
        position: absolute;
        width: 46px;
        height: 46px;
        top: 90%;
        background-color: transparent;
        border: none;
        -webkit-appearance: none;
        padding: 0;
        z-index: 100;
        transform: translateY(-50%);
        overflow: hidden;
        text-indent: 1000px;
    }

        #slick .slick-arrow:focus {
            outline: none;
        }

        #slick .slick-arrow:hover {
            cursor: pointer;
        }



.container {
    font-family: arial;
    font-size: 24px;
    margin: 20px;
    /* Setup */
    position: relative;
    margin-top: 155px;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
}

.card {
    background: transparent !important;
    margin: 10px;
}

.header {
    position: sticky;
    top: 0;
    padding: 2px 2px;
}

.btn-wrap {
    text-align: center;
    width: 100%;
}


.card{
    border:none !important;
}