header,
main,
footer {
    padding-left: 300px;
}

@media only screen and (max-width: 992px) {
    header,
    main,
    footer {
        padding-left: 0;
    }
}

.collection {
    margin-top: 0px;
}

.collection a.collection-item {
    color: black;
}

.collection .collection-item.active {
    background-color: #d50000;
    font-weight: bold;
}

.collection a.collection-item:not(.active):hover {
    background-color: #ffdbdb;
}

.card.small {
    width: auto;
    height: auto;
    cursor: pointer;
}

.modal.modal-fixed-footer {
    width: 60%;
    height: 89%;
    max-height: 89%;
}

@media only screen and (max-width: 997px) {
    .modal.modal-fixed-footer {
        width: 100%;
        height: 90%;
        max-height: 90%;
    }
    canvas {
        width: auto;
        height: auto;
    }
}

canvas {
    width: 100%;
}

.modal {
    background-color: #ffffff;
}

.modal.bottom-sheet {
    width: 60%;
    margin: auto;
    margin-bottom: 10px;
}

@media only screen and (max-width: 997px) {
    .modal.bottom-sheet {
        width: 100%;
    }
}

.listLink {
    cursor: pointer;
}

.loginContainer {
    width: 20%;
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
    padding-bottom: 10px;
    background: white;
    margin-top: 10%;
    min-width: 300px;
}


/* img.background {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    width: 100%;
    height: auto;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    overflow: hidden;
    overflow-y: hidden;
} */

.bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/sincerely-media-_-hjiem5TqI-unsplash.jpg');
    background-size: cover;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    z-index: -1;
}

.fileCard {
    cursor: pointer;
}