.top-buffer {
     margin-top: 30px;
}

.body {
    font-family: Raleway;
    font-weight: 500;
    margin-top: 5em;
}

.card-filter {
    /*background-color: #f8fafc;*/
}

.card-div {
    min-height: 300px;
}

.card-header {
    text-align: left;
    color: white;
    background-color:#32526E;
}

.card-item {
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.76);
    border-color: white;
    transition: transform .2s;
}

.card-item:hover {
    transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.card-margin {
    margin-top: 1px;
}

.card-domain-logo {
    height: 30px;
    width: 30px;
}

.checked {
    color: orange;
}

.collections {
    margin: 3px;
    display: inline-block;
}

.card-img-top {
    height: 10em;
    object-fit: cover;
}

.card-header {
    height: 3em;
    color:white;
    background-color: #32526E;
}

.card-block {
    padding: 1em;
}

.demo-badge {
    margin:4px;
    font-size:13px;
}

.div-height {
    height: 10%;
}

.hopscotch-bubble-number {
    background-color: blue;
}

.float-left {
    font-size: 20px;
}

.fa-whatsapp {
    font-size: 20px;
    color: #0C5404;
    padding: 1px;
}

.fa-facebook {
    font-size: 20px;
    color: #3b5998;
    padding: 1px;
}

.fa-twitter {
    font-size: 20px;
    color: #55acee;
    padding: 1px;
}

.fa-linkedin {
    font-size: 20px;
    color: #0976b4;
    padding: 1px;
}

.fa-google {
    font-size: 20px;
    color: #4285f4;
    padding: 1px;
}

.fa-edit {
    font-size: 18px;
    color: black;
    padding: 1px;
    /*margin-right: 2px;*/
}

.fa-trash {
    color:black;
    font-size:18px;
    padding: 1px;
}

#my-collections, #shared-collections {
    margin-bottom: 1em;
}

.search-bar-div {
    text-align:center;
    margin-top: 1em;
}

#sort-filter {
    padding:2px;
    margin-left: 1em
}

#search-cards {
    margin-left:10px;
    margin-right:10px;
    margin-top:5px"
}