:root {
    --sucs-background: #141414;
    --sucs-text-primary: #c0c0c0;
    --sucs-text-secondary: #474747;
    --sucs-accent-primary: #e86c39;
    --sucs-accent-secondary: #DB863B;
}

body {
    background-color: var(--sucs-background);
    color: var(--sucs-text-primary);
    font-family: 'Source Sans Pro', sans-serif !important;
}

pre {
    font-family: 'Source Code Pro', monospace !important;
}

header {
    margin-bottom: 3rem;
}

nav, .logo {
    display: inline-block !important;
    vertical-align: top;
}

.nav-link {
    display: inline-block;
    font-size: x-large;
    color: var(--sucs-text-primary);
}

h1 {
    color: var(--sucs-accent-primary);
}

p {
    color: var(--sucs-text-primary);
}

a {
    color: var(--sucs-text-secondary);
}

a:hover {
    color: var(--sucs-accent-secondary);
}

.container {
    max-width: min(80%, 800px);
}

header {
    padding-left: 1rem;
}

.logo {
    display: inline-block;
    padding-top: 1rem;
}

.footer {
    color: var(--sucs-text-secondary);
}

.btn {
    color: var(--sucs-accent-secondary) !important;
    border-color: var(--sucs-accent-primary) !important;
}

.pagination {
    font-size: 2rem;
    align-self: center;
}

.pagination__item {
    padding-left: 1rem;
}

.pagination__item--current {
    color: var(--sucs-text-primary) !important;
}