++++++++++++++++++++++++++++++++++++++++++++++++++++
below is the Profile CSS. put it in the first box.
++++++++++++++++++++++++++++++++++++++++++++++++++++







/*CODE MADE BY O-P-A-L. DO NOT REDISTRIBUTE.*/
@import url('https://fonts.googleapis.com/css?family=Orbitron:400,900&display=swap');
#container {
background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/110163725_lqvY3KWsh75qlgc.jpg) !important;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
background-attachment:fixed;
text-transform:uppercase;
font-family: "Orbitron", sans-serif;
letter-spacing:2px;
color:white;
}
a {
  color:red;
  text-shadow:0px 0px 5px red;
}

.navbar {
  background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0), rgba(0,0,0,0.5));
}
.sidebar {
  background-image:linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.5), rgba(0,0,0,0.5), rgba(0,0,0,0)) !important;
  background-color:rgba(0,0,0,0);
}
#footer {
  background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)) !important;
  content: "Dillinger Systems";
}
.navbar-brand {
  text-indent:-99999px; 
  line-height: 0 ; 
  visibility: hidden; 
  color:red !important;
}
.navbar-brand:after {
  font-size:30px;
  content:"WELCOME TO THE GRID"; 
  text-indent: 0; 
  display: block; 
  line-height: 5px; 
  visibility: visible; 
}
.profile-content-content.user-content.fr-view {
	text-transform: none !important;
}
.side-nav li.header {
  
}
#content {
  letter-spacing:initial;
  text-transform:initial;
}
.side-nav li.header {
  background-color:red !important;
}
.navbar .btn {
  background-color:red !important;
  border:none;
  border-radius:0;
}
.navbar .dropdown-menu {
  background-color: rgba(0,0,0,0.5);
}
.side-nav li.subheader {
  background-color:rgba(255,0,0,0.5);
}
.img-thumbnail,.character-profile .profile-info-section .card .card-block {
  background-color:rgba(0,0,0,0.5);
  border:1px solid red;
  border-radius:0;
}
#footer:before {
  font-size:20px;
  font-weight:400;
  line-height:0;
  content:"Dillinger Systems";
}
#footer {
  font-size:10px;
}
 #footer:after {content:"Code by O-P-A-L";}
 
.characters-folder  {
  background:none !important;
  border:none;
  border-radius:0;
}
.btn.btn-default {
  background-color:red;
  border:none;
  border-radius:0;
}
#dropdownMenuButton {
  border-radius:0;
  background-color:red;
  border:none;
}







+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
below is the Global Character CSS. put it in the second box.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++






@import url('https://fonts.googleapis.com/css?family=Orbitron:400,900&display=swap');
#container {
background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/110163725_lqvY3KWsh75qlgc.jpg) !important;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
background-attachment:fixed;
text-transform:uppercase;
font-family: "Orbitron", sans-serif;
letter-spacing:2px;
color:white;
}
a {
  color:red;
  text-shadow:0px 0px 5px red;
}

.navbar {
  background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0), rgba(0,0,0,0.5));
}
.sidebar {
  background-image:linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.5), rgba(0,0,0,0.5), rgba(0,0,0,0)) !important;
  background-color:rgba(0,0,0,0);
}
#footer {
  background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)) !important;
  content: "Dillinger Systems";
}
.navbar-brand {
  text-indent:-99999px; 
  line-height: 0 ; 
  visibility: hidden; 
  color:red !important;
}
.navbar-brand:after {
  font-size:30px;
  content:"WELCOME TO THE GRID"; 
  text-indent: 0; 
  display: block; 
  line-height: 5px; 
  visibility: visible; 
}
.profile-content-content.user-content.fr-view {
	text-transform: none !important;
}
.side-nav li.header {
  
}
#content {
  letter-spacing:initial;
  text-transform:initial;
}
.side-nav li.header {
  background-color:red !important;
}
.navbar .btn {
  background-color:red !important;
  border:none;
}
.navbar .dropdown-menu {
  background-color: rgba(0,0,0,0.5);
}
.side-nav li.subheader {
  background-color:rgba(255,0,0,0.5);
}
.img-thumbnail,.card {
  background-color:rgba(0,0,0,0.5);
  border:1px solid red;
}
.card-block.bg-faded {
  background:none !important;
  border:0;
}
.characters-folder {
  background:none;
  border:0;
}

#footer:before {
  font-size:25px;
  font-weight:400;
  content:"Dillinger Systems";
}
#footer {
  font-size:10px;
}
 #footer:after {content:"Code by O-P-A-L";}