/* Specific styling */

body, footer {
    background-color:#212529;
    color:#999;
    
}

h1, h2, h3, h4 {
    color:#ccc;
}

a {
    text-decoration:none;
    font-weight:bold;
    color:#fff;
}
a:hover {
    font-weight:bold;
    color:#66c5ff;
    text-decoration:underline;
}

a.no-decor:hover, a.btn:hover {
    text-decoration: none;
}

.content-section-a {
    background-color:#14171a;
}

.tagline {
    color:#fff;
    opacity:0.5;
    font-size:18px;
    margin:10px 10px 30px 10px;
}


.card-grid-item {
    display:flex;
}

.card .icon, footer .icon {
    width:24px;
    text-decoration:none;
    opacity:0.5;
    margin:0px 10px 0px 10px
}
.card .icon:hover, footer .icon:hover {
    opacity:1;
}

.card {
    background-color: rgba(255, 255, 255, 0);
    border-radius:16px;
}
.card:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.card-header img {
    margin-top:8px;
    border-radius:8px;
    
}
.card-text {
    padding:0px 8px 8px 8px !important;
}