/* Minification failed. Returning unminified contents.
(37,18): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(43,18): run-time error CSS1039: Token not allowed after unary operator: '-color-link-hover'
(48,29): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(55,29): run-time error CSS1039: Token not allowed after unary operator: '-color-footer-background'
(56,18): run-time error CSS1039: Token not allowed after unary operator: '-color-footer'
(61,18): run-time error CSS1039: Token not allowed after unary operator: '-color-footer'
(66,18): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(102,29): run-time error CSS1039: Token not allowed after unary operator: '-color-footer-background'
(114,29): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(119,18): run-time error CSS1039: Token not allowed after unary operator: '-color-link-navbar'
(129,29): run-time error CSS1039: Token not allowed after unary operator: '-color-link-navbar-hover-background'
(130,18): run-time error CSS1039: Token not allowed after unary operator: '-color-link-navbar'
(134,29): run-time error CSS1039: Token not allowed after unary operator: '-color-link-navbar-hover-background'
(143,18): run-time error CSS1039: Token not allowed after unary operator: '-color-link-navbar'
(153,29): run-time error CSS1039: Token not allowed after unary operator: '-color-well-background'
(154,29): run-time error CSS1039: Token not allowed after unary operator: '-color-well-border'
 */
@import url( "variables.css" );
@import url( "comics.css" );
@import url( "entry.css" );
@import url( "home.css" );
@import url( "layout.css" );
@import url( "music.css" );
@import url( "pagination.css" );
@import url( "search.css" );
@import url( "social.css" );
@import url( "software.css" );
@import url( "submenu.css" );
@import url( "ticker.css" );

@media screen and ( min-width: 576px ) {
    footer div.connect {
        font-size: 48px;
        text-align: right;
    }

    footer div.legal {
        text-align: right;
    }
}

@media screen and ( max-width: 575px ) {
    footer div.connect {
        font-size: 24px;
        text-align: left;
    }

    footer div.legal {
        text-align: left;
    }
}

a {
    color: var( --color-accent );
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: var( --color-link-hover );
    text-decoration: underline;
}

body {
    background-color: var( --color-background );
    cursor: default;
    font-family: "Quicksand", "Segoe UI", "Arial", "Helvetica", sans-serif !important;
    font-size: 24px !important;
}

footer {
    background-color: var( --color-footer-background );
    color: var( --color-footer );
    font-size: 16px;
}

footer a {
    color: var( --color-footer );
    text-decoration: none;
}

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

footer div.connect {
    white-space: nowrap;
}

footer div.copyright {
    margin-top: 24px;
}

footer div.hosting {
    font-size: 12px;
}

h1 {
    font-size: 60px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

html {
    background-color: var( --color-footer-background );
}

nav a.nav-link:hover {
    text-decoration: none;
}

p {
    text-align: justify;
}

.navbar {
    background-color: var( --color-accent );
    border-bottom: 2px solid black;
}

.navbar a.nav-link {
    color: var( --color-link-navbar );
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 12px 24px !important;
    text-decoration: none;
    text-transform: uppercase;
}

.navbar a.nav-link:hover {
    background-color: var( --color-link-navbar-hover-background );
    color: var( --color-link-navbar );
}

.navbar a.nav-link.active {
    background-color: var( --color-link-navbar-hover-background );
    font-weight: bold;
}

.navbar-toggler {
    color: white;
}

.quip {
    color: var( --color-link-navbar );
}

.title-home a {
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
}

.well {
    background-color: var( --color-well-background );
    border: 1px solid var( --color-well-border );
    border-radius: 8px;
}

.well p {
    font-size: 24px;
}