* {
  box-sizing: border-box;
}

body > section,
.content-outer {  /* body */
    background-color: #1F2428;
    background-image: none;
}
.content-container {
    background: none;
    border: 0;
    box-shadow: none;
}
.content-inner {
    background-color: transparent;
    border: 0px;
    box-shadow: none;
    color: #dddddd;
    max-width: 820px;
}

section.bread-crumbs-container {
    text-align: center;
}
    section.bread-crumbs-container nav {
        background-color: #888888;
        background-color: rgba(0,0,0, .20);
        border: 1px #006600 solid;
        border-radius: 8px;
        color: #777777;
        padding: 3px 20px;
        transition: color 1s, background-color 1s;
    }
        section.bread-crumbs-container nav a {
            color: #aaaaaa;
        }
            section.bread-crumbs-container nav a:hover {
                color: white;
                text-decoration: underline;
            }

.footer-link-container,
.button-container {
    padding: 15px 0 0 0;
    text-align: center;
}
    .footer-link-container a,
    .button-container a {
        background-image: none;
        border-radius: 10px;
        font-family: "Oxygen", Helvetica, sans-serif;
        font-size: 16px;
        height: auto;
        margin: 5px;
        max-height: none;
        max-width: none;
        padding: 15px 25px !important;
        text-align: center;
        width: auto;
    }
    
.avatar.ai-avatar {
    background-color: white;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 95% 95%;
}
.avatar-brutus {
    background-image: url("/pictures/misc/avatars/avatar10.png");
}
.avatar-maverick {
    background-image: url("/pictures/misc/avatars/avatar4.png");
}
.avatar-serenity {
    background-image: url("/pictures/misc/avatars/avatar8.png");
}
.avatar-xavier {
    background-image: url("/pictures/misc/avatars/avatar11.png");
}

.gradient-blue {
    background-color: #0B7ACA;
    background-image: linear-gradient(top, #0B7ACA, #4FB6EE);
    border: 1px #4FB6EE solid;
}
.gradient-green {
    background-color: #58AC3D;
    background-image: linear-gradient(top, #58AC3D, #A9D648);
    border: 1px #B8E066 solid;
}
.gradient-orange {
    background-color: #E28209;
    background-image: linear-gradient(top, #E28209, #F8AD36);
    border: 1px #F7BE5B solid;
}
.gradient-red {
    background-color: #EF0E0E;
    background-image: linear-gradient(top, #EF0E0E, #F55C4C);
    border: 1px #F3786B solid; 
}