:root {
    /* Set Content Theme */
    --text-primary: var(--winter-primary);
    --text-secondary: var(--winter-secondary);
    --accent-body: var(--winter-accent-body);
    --accent-text: var(--winter-accent-text);
    --container-bg: var(--winter-containter-bg);
    --content-bg: var(--winter-content-bg);
    --content-bg-border: var(--winter-content-bg-border);
    --body-primary: var(--vanilla-body);
    --border-primary: var(--vanilla-border);
    --bg: var(--winter-bg);

    /* Theme Initialization */
    /* Arcade Theme */
    --arcade-primary: #a3a3a3;
    --arcade-secondary: #9570b4;
    --arcade-accent-body: #8d6aaa;
    --arcade-accent-text: #4e3264;
    --arcade-text: #935ca5;
    --arcade-containter-bg: #151515ed;
    --arcade-content-bg: #1a1a1aed;
    --arcade-body: #392447;
    --arcade-border: #684680;
    --arcade-bg: url('/media/bg.png');

    /* Autumn Theme */
    --autumn-primary: #ead2d2;
    --autumn-secondary: #b48170;
    --autumn-accent-body: #aa856a;
    --autumn-accent-text: #643e32;
    --autumn-text: #4c4c4c;
    --autumn-containter-bg: #34231eed;
    --autumn-content-bg: #53362eed;
    --autumn-content-bg-border: #aa856a;
    --autumn-body: #dfdfdf;
    --autumn-border: #79757c;
    --autumn-bg: url('/media/bg-autumn.png');

    /* Winter Theme */
    --winter-primary: #d2e1ea;
    --winter-secondary: #7084b4;
    --winter-accent-body: #6a7daa;
    --winter-accent-text: #324564;
    --winter-text: #4c4c4c;
    --winter-containter-bg: #1e2b34ed;
    --winter-content-bg: #2e4353ed;
    --winter-content-bg-border: #6a83aa;
    --winter-body: #dfdfdf;
    --winter-border: #79757c;
    --winter-bg: url('/media/bg-winter.jpg');

    /* 2010's Theme */
    --retro-primary: #c4e4e5;
    --retro-secondary: #9bded3;
    --retro-accent-body: #81bcb8;
    --retro-accent-text: #538f8f;
    --retro-text: #292929;
    --retro-containter-bg: #354040ed;
    --retro-content-bg: #3d5150ed;
    --retro-content-bg-border: #a0d1cd;
    --retro-body: #434144;
    --retro-border: #d9d9d9;
    --retro-bg: url('/media/bg-vista.png');

    /* Aero Themes */
    /* Aero Theme Initialization */
    --aero-glow: var(--vanilla-glow);
    --aero-gradient1: var(--vanilla-gradient1);
    --aero-gradient2: var(--vanilla-gradient2);
    --aero-white: var(--vanilla-white);
    --aero-black: var(--vanilla-black);

    /* Vanilla Aero Theme */
    --vanilla-glow: #d1fbff;
    --vanilla-gradient1: rgb(110, 165, 192);
    --vanilla-gradient2: rgb(36, 116, 159);
    --vanilla-white: #ffffff;
    --vanilla-black: #000000;

    /* Autumn Aero Theme */
    --autumn-glow: #ffe6d1;
    --autumn-gradient1: rgb(192, 154, 110);
    --autumn-gradient2: rgb(159, 77, 36);
    --autumn-white: #312925;
    --autumn-black: #ffffff;

    /* Winter Aero Theme */
    --winter-glow: #ffe6d1;
    --winter-gradient1: rgb(192, 154, 110);
    --winter-gradient2: rgb(159, 77, 36);
    --winter-white: #312925;
    --winter-black: #ffffff;
}




#comic.single-comic-wrapper {
  border-width: 1px;
  border-color: var(--content-bg-border);
  border-style: solid;
  border-radius: 8px;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(106, 106, 106, 0.17) 100%);
}

.navbar {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--content-bg-border);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--content-bg-border);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(106, 106, 106, 0.17) 100%);
}

#side-bar.secondary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--content-bg-border);
  border-radius: 8px;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(106, 106, 106, 0.17) 100%);
}

#left-content {
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--content-bg-border);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(106, 106, 106, 0.17) 100%);
}

#left-col {
  border-radius: 8px;
}

.nav-link {
  font-weight: bold;
}


#fone-ring {
    margin: 0 auto;
    padding-top: 4px;

    /* creates some space around the widget */
    color: #f0eff6;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

#fone-ring a {
    color: #f0eff6;
    font-weight: bold;
}

#fone-ring table {
    background-color: #375f87;

    /* makes the background pure white */
    margin: 0 auto;

    /* centers the widget */
    border: 2px solid #243f5a;
    border-radius: 8px;
    
}

#fone-ring table tr td {
    padding: 2px;
    font-size: 12px;
}

#fone-ring .webring-prev {
    text-align: right;
    font-size: 12px;
}

#fone-ring .webring-info {
    text-align: center;
    font-size: 12px;
}

#fone-ring .webring-next {
    text-align: left;
    font-size: 12px;
}

#fone-ring .webring-links {
    font-size: 10px;
}