/* Common */
body {
    font-family: 'Heebo', sans-serif;
}
::selection {
    background: rgba(29,32,63,0.3);
}
.container-fluid {
    max-width: 1100px;
}

/* Header */
header {
    padding: 1rem 0;
    background: #1d203f;
    text-align: center;
}
header h1 {
    margin: 0;
    color: #fff;
    font-family: 'Courier New', monospace;
    font-weight: bold;
}
header h1 a {
    color: inherit !important;
    text-decoration: none;
}
header .nav {
    margin-top: 1rem;
}
header .nav .nav-link {
    padding: 0.2rem 1rem;
    color: #fff;
}
@media (max-width: 575.98px) {
    header .nav .nav-link {
        padding: 0.2rem 0.6rem;
        font-size: 90%;
    }
}

/* Footer */
footer {
    margin-top: 3rem;
    padding: 3rem 0 2rem 0;
}

/* Texts */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
a, a:hover {
    color: #1d203f;
}
.my-section {
    margin-top: calc(1rem + 3vw);
    margin-bottom: calc(1rem + 3vw);
}

/* Featured section */
section.featured {
    max-width: 30rem;
    margin: 0 auto;
    text-align: center;
}
section.featured h2 {
    max-width: none;
}

/* Home page */
h2.heading-xl {
    max-width: 88%;
    margin-bottom: 1rem;
    font-size: calc(2rem + 0.8vw);
}

/* About */
img.profile-image {
    width: 100%;
    max-width: 12rem;
}