/*


this si the blood color palet

blood #8b0000

pinkish blood 
rgb(144, 12, 63)

scraped skin
#c96d6d

solid redness
#cc1100

contaminated blood with purplish
#900C3F

bruised skin
#553252

bruise in the middle of healing
#AC7177


<!DOCTYPE html>
<html>
<head>
<style>

</style>
</head>
<body>



<div style="background:#8b0000">
  <h2>1</h2>
</div>
<div style="background:rgb(144, 12, 63)">
  <h2>2</h2>
</div>



<div style="background:#c96d6d">
  <h2>3</h2>
</div>
<div style="background:#cc1100">
  <h2>4</h2>
</div>







<div style="background:#900C3F">
  <h2>5</h2>
</div>
<div style="background:#553252">
  <h2>6</h2>
</div>

<div style="background:#8b0000">
  <h2>7</h2>
</div>
<div style="background:#AC7177">
  <h2>8</h2>
</div>













</body>
</html>



*/

u {
  display:none;
}
.u {
  display:none;
}

* {
  font-family: 'Trebuchet MS';
  font-size: 30px;
}
pre {
    padding:5px;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;
    margin:0px;
    font-family: trebuchet MS;
    line-height: 20px;
    display:block;
}
/*
hr {
    position: relative ;
    top:10px;
    height:5px;
    background: #bb0;
}
*/
/*
a > hr {
    margin-left: 0px;
    position: relative ;
    top:10px;
    width:50%;
    height:5px;
    background: #fb0;
}*/

table.mud, th, td {
 
 border-width: 2px;
 border-style: solid;
 border-radius: 10px;
 padding:5px;
}
table.mud th, td {
  border-width: 2px;
  border-color: inherit;
  border-style: solid;
  border-radius: 10px;
  padding:5px;
  text-align: center;
}

h2 {
  
}
/*
.horizontalholdergroup {
  box-sizing: border-box;
  display:flex;
}

.horizontalholdermember {
float:left;padding:5px
}*/

table {
margin:0px;
}

vflex  {display:flex;flex-direction: column;} 
hflex  {display:flex} 


span {
margin:0px;
}
/*
path {
  stroke-width: 4.5;
  stroke:black;
  fill: none;
}
*/