html, body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    font-size: 13pt;
}

nav .nav-item{
    color: rgba(0, 0, 0, .5);
}

.nav-navbar .nav-item.nav-link.active{
    color: rgba(0, 0, 0, .9);
}

.navbar-toggler{
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.nav-navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

h1, h2, h3, h4, h5 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

h3.card-header {
    margin: 0;
}

#logo-img {
    height: 48px;
    margin-bottom: 8px;
}

#footer-logo {
    height: 50px;
}

.nav-link.active {
    font-weight: 600;
}

.light {
    font-weight: 200;
}

pre {
    font-size: 80%;
}
code {
    font-size: 80%
}

figure {
    max-width: 100%;
}
figcaption {
    text-align: center;
}

.my-xl {
    margin-top: 1em;
    margin-bottom: 1em;
}

blockquote, .metadata {
    border-left: 6px solid #eee;
    padding-left: 12px;
}

.dl-item {
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

.jumbotron p {
    font-size: 120%;
}
.jumbotron {
    background-size: cover;
}
.text-white a {
    color: #2bf;
}

/* screenshot */

#main-screenshot {
    content: url("/img/screenshot.png");
}

img.logo {
    height: 64px;
    margin: 16px;
}

img.github-avatar {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    margin: 16px;
}

a.download-recommended {
    font-weight: bold;
}