html, body {
    min-height: 100% !important;
    height: 100%;
	 padding: 0; margin: 0; 
}

body {
  margin:0;
  padding: 0;
  font-family: 'Arial';
  color: #383838;
  font-size:14px;
  transition: 0.5s ease;
  background-color: #E9E9E9;
}

.invis {
  float: right;
  width: 20%;
  margin: 0 5% 0 0;
  padding: 0;
  position: relative;
}

.mfs-wrap {
  color: #B6B6B6;
  height: 100%;
  padding: 0;
  position: fixed;
  z-index: 50;
  background-color: #303030;
  float: left;
  padding: 1% 1% 1% 1%;
  overflow: auto;
  margin-top: -30px;
}

.mfs-wrapb {
  color: #B6B6B6;
  height: 100%;
  padding: 0;
  position: fixed;
  z-index: 75;
  background-color: #303030;
  float: left;
  padding: 1% 1% 1% 1%;
  overflow: auto;
  margin-top: -30px;
}

.mfs-wrapb a {
  color: #B6B6B6;
}

/* !.mfs-wrap {
  color: #4B4B4B;
  width: 100%;
  height: 100%;
  padding: 0;
  position: fixed;
  z-index: 50;
  background-color: #E9E9E9	;
  padding: 1%;
  overflow:scroll;
  margin-top: -30px;
  text-align:center;
} */

.boxfloat {
	display: block;
    overflow: hidden;
    background-color: #232323;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
	z-index: 100;
	height: 30px;
    width: 100%; /* Full width */
}

.mfs {
  margin-top: 1%; /* Add a top margin to avoid content overlay */
  float: right;
  width: 50%;
}

div.trait[data-category*="merit"] {
  border-top:5px solid #5CE55E;
  border-radius: 10px;
}

div.trait[data-category*="flaw"] {
  border-top:5px solid #E55C5C;
  border-radius: 10px;
}

div.trait[data-category*="flaw merit"] {
  border-top:5px solid #5C94E5;
  border-radius: 10px;
}

div.trait[data-category*="merit flaw"] {
  border-top:5px solid #5C94E5;
  border-radius: 10px;
}

.mfs div {
  display: block;
  float: right;
  width: 140%;
  padding: 0 5%;
  margin: 0 -25% 15px;
  background-color: #f6f6f6;
  position: relative;
}

code {
  display: block;
  width:100%;
  text-align: left;
}

.permalink { display:block; width:100%; padding-bottom: 1%; padding-top: 1%; text-align:right; font-size: 11px; margin:0 0 1% 0; }

button {
  margin: 0 0 5% 0;
}

h3 span{ position:absolute; top:-50px;}