.container-fluid {

margin-left: auto;

margin-right: auto;

padding-left: 15px;

padding-right: 15px;

width: 80%;

border:2px solid #ff70f2;

padding:30px;

}



.bg-faded, .card-block.bg-faded {

background: #FFE5F1;

border: 3px solid;

border-color: #FFE5F1;

border-radius: 0;

border-radius:10px;

}

.card {

background-color: #FFE5F1;

border: hidden;

border-radius: 0.25rem;

display: flex;

flex-direction: column;

position: relative;

}

.character-profile .profile-section {

margin-bottom: 1rem;

background: #FFE5F1;

padding:25px;

border-radius:10px;

}

body {

background-color: #FFE5F1;

color: #ff70f2;

font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;

font-size: .9rem;

font-weight: 400;

line-height: 1.5;

}





.text-danger {

color: #ff70f2!important;

}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-toggler, .navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover {

color: #ff70f2;

}

.side-nav li.subheader {

background-color: #FFE5F1;

color: #ff70f2;

font-weight: 700;

padding: 0.25em 0.75em;

}

.side-nav li.subheader>a {

color: #ff70f2;

}



#user-character-selector .user-character-selector-left {

background-color: #FFE5F1;

}

#user-character-selector .user-character-selector-left .user-character-selector-header, #user-character-selector .user-character-selector-left.user-character-selector-header {

border-bottom: 1px solid #FFE5F1;

}

#user-character-selector .user-character-selector-sidebar .user-character-selector-folder-list>.list-group-item>a {

background-color: transparent;

color: #ff70f2;

padding: 0.75rem 1.25rem;

}

#user-character-selector .user-character-selector-right {

background-color: #FFE5F1;

}

#user-character-selector .user-character-selector-left {

background-color: #FFE5F1;

}

::selection { color: #FFE5F1; background: #ff70f2; }

.alert-success {

background-color: #FFE5F1;

border-color: #FFE5F1;

color: #ff70f2;

}

.mfp-wrap .mfp-content .mfp-figure figcaption .mfp-bottom-bar {

border-top: 3px solid #ff70f2;

margin: 0;

position: relative;

}

.mfp-wrap .mfp-content .mfp-figure {

background: #FFE5F1;

}

.mfp-wrap .mfp-content {

background-color: #FFE5F1;

box-shadow: none;

margin-left: 40px;

margin-right: 40px;

min-width: 50%;

}

.image-bottom-bar h2 {

border-bottom: 1px solid #ff70f2;

font-size: 1rem;

padding-bottom: 2px;

}

.mfp-wrap .image-left-bar {

background-color: #FFE5F1;

}

.btn-outline-secondary:hover {

background-color: #FFE5F1;

border-color: #FFE5F1;

color: #ff70f2;

}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {

box-shadow: 0 0 0 0px;

}

.btn-outline-secondary.active, .btn-outline-secondary:active, .show>.btn-outline-secondary.dropdown-toggle {

background-color: #FFE5F1;

border-color: #FFE5F1;

color: #ff70f2;

}

div.characters-folder-list.gallery-row {

display: flex;

justify-content: center;

}

.gallery-row {

display: flex;

flex-wrap: wrap;

margin-left: -5px;

margin-right: -5px;

justify-content: center;

}

.badge-success {

background-color: #ff70f2;

color: #000;

}

.custom-control-input:checked~.custom-control-indicator {

background-color: #ff70f2;

color: #ff70f2;

}

.btn.btn-default.focus, .btn.btn-default:focus {

box-shadow: none;

}

.btn.btn-secondary.focus, .btn.btn-secondary:focus {

box-shadow: none;

}

.btn.btn-secondary.active, .btn.btn-secondary:active, .show>.btn.btn-secondary.dropdown-toggle {

background-color: #FFE5F1;

background-image: none;

border-color: #FFE5F1;

color: #ff70f2;

}

.btn-primary:hover {

background-color: #ff70f2;

border-color: #ff70f2;

color: #000;

}

.btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {

background-color: #ff70f2;

background-image: none;

border-color: #ff70f2;

color: #000;

}

.comment .comment-replies, .forum-post .comment-replies {

border-left: 5px solid #ff70f2;

margin-bottom: 1rem;

padding-left: 3rem;

}

.input-group-addon {

background-color: #ff70f2;

border: #ff70f2;

border-radius: 0.25rem;

color: #ff70f2;

font-size: .9rem;

font-weight: 400;

line-height: 1.25;

margin-bottom: 0;

padding: 0.5rem 0.75rem;

text-align: center;

}

.body {

background-color: #FFE5F1;

color: #ff70f2;

font-family: 'VT323', monospace;  ;

font-size: .9rem;

font-weight: 400;

line-height: 1.5;

}

.popover {

background:#FFE5F1;

}

.popover-body {

color: #ff70f2;

background:#FFE5F1;

padding: 0.5rem 0.75rem;

}

p {

margin-bottom: 1rem;

margin-top: 0;

color:#ff70f2;

}

.group-characters .characters-order-text, .group-characters .characters-tags-text, .user-characters .characters-order-text, .user-characters .characters-tags-text {

margin-right: 0.5rem;

color:#ff70f2;

}

.side-nav li.divider {

border: solid #FFE5F1;

border-width: 0 0 1px;

margin: 0.25em 0;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

color: #ff70f2;

font-family: inherit;

font-weight: 500;

line-height: 1.1;

margin-bottom: 0.5rem;

}

.content-warning h1 {

display: none;

}

.modal-header {

align-items: center;

border-bottom: 1px solid #ff70f2;

display: flex;

justify-content: space-between;

padding: 1rem;

text-align:center;



}

.close:focus, .close:hover {

color: #ff70f2;

cursor: pointer;

opacity: .75;

text-decoration: none;

}

.close {

color: #ff70f2;

float: right;

font-size: 1.35rem;

font-weight: 700;

line-height: 1;

opacity: .5;

text-shadow: 0 1px 0 #ff70f2;

}

.modal-content {

background-clip: padding-box;

background-color: #FFE5F1;

border: 1px solid #FFE5F1;

border-radius: 0.3rem;

display: flex;

flex-direction: column;

outline: 0;

position: relative;

color:#ff70f2;

}

.alert-info {

background-color: #ff70f2;

border-color: #ff70f2;

color: #ff70f2;

}

blockquote {

border-left: hidden;

font-size: 1.125rem;

margin-bottom: 1rem;

padding: 0.5rem 1rem;

}

.alert-danger {

background-color: #FFE5F1;

border-color: #FFE5F1;

color: #ff70f2;

}

.alert-danger hr {

display:none;

}

.btn-success:hover {

background-color: #ff70f2;

border-color: #ff70f2;

color: #ff70f2;

}

.thumb-character-stat {

color: #ff70f2;

}

.form-control {

background-clip: padding-box;

background-color: #FFE5F1;

border: 1px solid #FFE5F1;

color: #ff70f2;

transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

width: 100%;

}

.btn-danger {

background-color: #ff70f2;

border-color: #ff70f2;

color: #ff70f2;

}

.side-nav li.active>a, .side-nav li.active>a:focus, .side-nav li.active>a:hover, .side-nav li.active>a:link {

background-color: hsla(42,11%,68%,.12);

color: #ff70f2;

}

.btn-link {

border-radius: 0;

color: #ff70f2;

font-weight: 400;

}

.comment .forum-post-post .forum-post-footer .forum-post-time, .forum-post .forum-post-post .forum-post-footer .forum-post-time {

color: #ff70f2;

display: inline-block;

}

.comment .forum-post-post .forum-post-actions .post-action, .forum-post .forum-post-post .forum-post-actions .post-action {

color: #ff70f2;

}

[th-toggle].btn-secondary:before {

background-color: #ff70f2;

border-color: #ff70f2;

left: 0;

}

.btn.btn-secondary:hover {

background-color: #FFE5F1;

border-color: #FFE5F1;

color: #ff70f2;

}

.btn.btn-secondary:focus {

box-shadow: #FFE5F1;

}

.form-control:focus {

background-color: #FFE5F1;

border-color: #FFE5F1;

color: #ff70f2;

outline: 0;

font-family: 'VT323', monospace  ;



}



.badge-default {

background-color: #FFE5F1;

color: #ff70f2;

}

.custom-control-input:checked~.custom-control-indicator {

background-color: #ff70f2;

color: #ff70f2;

}

.dropdown-menu {

background-clip: padding-box;

background-color: #FFE5F1;

border: 1px solid #FFE5F1;

border-radius: 0.25rem;

color: #ff70f2;

display: none;

float: left;

font-size: .9rem;

left: 0;

list-style: none;

margin: 0.125rem 0 0;

min-width: 10rem;

padding: 0.5rem 0;

position: absolute;

text-align: left;

top: 100%;

z-index: 1000;

}

.btn.btn-secondary {

background-color: #FFE5F1;

border-color: #FFE5F1;

color: #ff70f2;

font-family: 'VT323', monospace  ;

}

.btn-success {

background-color: #ff70f2;

border-color: #ff70f2;

color: #ff70f2;

font-family: 'VT323', monospace  ;

}

.page-link {

background-color: #FFE5F1;

border: 1px solid #FFE5F1;

color: #ff70f2;

display: block;

line-height: 1.25;

margin-left: -1px;

padding: 0.5rem 0.75rem;

position: relative;

}



.page-item.active .page-link {

background-color: #ff70f2;

border-color: #ff70f2;

color: #ff70f2;

z-index: 2;

}

.btn.btn-default:hover {

background-color: #FFE5F1;

border-color: #FFE5F1;

color: #ff70f2;

}

.btn.btn-default {

background-color: #FFE5F1;

border-color: #FFE5F1;

color: #ff70f2;

}



/* width */

::-webkit-scrollbar {

width: 10px;

}



/* Track */

::-webkit-scrollbar-track {

background: #FFE5F1;

}



/* Handle */

::-webkit-scrollbar-thumb {

background: #FFE5F1;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

background: #FFE5F1;

}



hr {

border: 0;

border-top: 1px solid #ff70f2;

margin-bottom: 1rem;

margin-top: 1rem;

}



a.badge-primary:focus, a.badge-primary:hover {

background-color: #ff70f2;

color: #FFE5F1;

}



.text-muted {

color: #ff70f2!important;

}



.footer {

background: #FFE5F1;

}



.side-nav li.subheader {

background-color: #FFE5F1;

color: #ff70f2;

font-weight: 700;

padding: 0.25em 0.75em;

}



.side-nav li.header {

background-color: #ff70f2;

color: #ff70f2;

font-weight: 700;

padding: 0.5em 0.75em;

display:none;

}



.nav-mobile-menu {

background-color: #FFE5F1;

border: solid #FFE5F1;

border-width: 0 0 3px;

display: block;

padding: 0.5rem 1rem;

position: relative;

z-index: 75;

}

.sidebar {

background: #FFE5F1;

padding: 0;

}



.btn-outline-secondary {

background-color: transparent;

background-image: none;

border-color: #ff70f2;

color: #ff70f2;

}



*{

font-family: 'VT323', monospace;  ;

color:#ff70f2;



}

.content-main {

padding-bottom: 15px;

padding-top: 15px;

background: #FFE5F1;

}





.img-thumbnail {

background-color: #FFE5F1;

border: 1px solid #FFE5F1;

border-radius: 0.25rem;

padding: 0.25rem;

transition: none;

}







$tags-scrollbox-height:100px;

$spacing-between-tags:.15rem;

$tags-roundness:.35rem;  /* Changes how "round" the corners of tags are | Change to 0 for fully sharp corners */

$tags-font-weight:600;  /* Change to 700 if you want tags bolded */





.character-profile .profile-name-section .profile-name-info .display-4 {

word-wrap: break-word;

overflow-wrap: break-word;

white-space: normal;

-ms-word-break: break-all;

word-break: break-word;

color:#ff70f2;

}



a {

color:#ff70f2;

}



.navbar-inverse .navbar-nav .nav-link {

color: #ff70f2;

}



.footer:after {

display: block!important;

opacity: 1;

text-align: center;

content: "css by kitnomaly :3";

}



.badge-primary {

background:#ff70f2;

color: #FFE5F1;

}



.navbar .dropdown-menu a:hover {

background-color: #FFE5F1!important;

}



.navbar {

background: #FFE5F1;

}



.navbar .dropdown-menu {

background-color: #FFE5F1;

border: none;

border-bottom: 0.125em solid #FFE5F1;

border-top-left-radius: 0;

border-top-right-radius: 0;

margin: 0;

}



.navbar .dropdown-menu a {

color: #ff70f2;

padding: 5px 1.5rem;

}



.btn-primary {

background-color: #ff70f2;

border-color: #ff70f2;

color: #000;

}





.navbar .dropdown-menu .dropdown-header {

color: #ff70f2;

padding: 5px 1rem;

}



a:hover {color:#ff70f2}



a:active {color:#ff70f2}