body {
    margin: 0;
}

.ngb-toasts {
    top: 60px;
}

.body-container {
    margin-bottom: 100px;
}

.highlight {
    background-color: #f8f9fa;
    padding: 1.0rem;
    margin-bottom:0;
  }

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
}

svg {
    width: 1em;
    height: 1em;
}


.blog-archive-title {
    margin-bottom: 20px;
}

.blog-post-title-archive {
    margin-bottom: 5px;
    font-size: 25px;
}


.blog-tags-container, .blog-categories-container {
    margin-top: 30px;
    font-size: 20px;
}
.blog-tags-container span.glyphicon, .blog-categories-container span.glyphicon {
    margin-right: 20px;
}

/*
Dark Theme
*/

@media (prefers-color-scheme: dark) {
    body {
        background-color: #222;
        color: #FAFAFA;
    }
    .loader {
        background:#222;
    }
    a, .btn-link {
        color: #60a0e6;
    }
    a:hover, .btn-link:hover {
        color: #386494;
    }
    .jumbotron {
        background-color: #212529;
        color: #FAFAFA;
    }
    .table {
        background-color: #212529;
        color: #FAFAFA;
    }
    caption {
        color:#dad5d5;
    }
    .card {
        background-color: #212529;
    }
    footer {
        background-color: #212529 !important;
    }
    .text-muted {
        color: #dad5d5!important
    }
    .badge-info {
        background-color: #3498db;
        color: #FAFAFA;
    }
    .matomo-iframe-light {
        display: none;
    }
    .matomo-iframe-dark {
        display: block;
    }
    .tooltip-button {
        color:#FAFAFA;
    }
    .highlight {
        color:black;
    }
}