body {
 background: url('https://stylrtechnologies.com/secondlife/profiles/img/checkertranslucent.gif'), #f61e1e;
 color: #f61e1e;
 font-family: font1;
}

@font-face {
  font-family: font1;
  src: url('/fonts/DCCAsh.otf');
}

p   {text-indent: 40px; word-spacing: 7px; background-color: rgba(15, 4, 4, 0.7); padding: 2px; border: outset 2px #f61e1e; font-size: 25px; margin: 7px 7px 7px 7px;}
h1  {text-shadow: -3px -3px 0 black, 3px -3px black, -3px 3px black, 3px 3px black; color: #f61e1e;}
h3  {text-shadow: -3px -3px 0 black, 3px -3px black, -3px 3px black, 3px 3px black; color: #f61e1e;}
a   {color: white;}

.content{
 width: 1580px;
 overflow: auto;
 margin: auto;
 background: black;
 border: outset 10px #1f1f1f;
}

.border {
 border: inset 5px #f61e1e;
 outline: outset 5px #f61e1e;
}

.section {
 width: 500px;
 height: 500px;
 overflow: auto;
 background: url('https://stylrtechnologies.com/secondlife/profiles/img/pattern%2043.jpg');
 border: inset 3px #f61e1e;
 outline: outset 3px #f61e1e;
 padding: 10px;
 float: left;
 scrollbar-color: #f61e1e;
}

.right {
  float: right;
  margin: auto;
}

.left{
 float: left;
 margin: auto;
}

.boxborder {
 padding: 2px;
 background: rgba(15, 4, 4, 0.7);
 border: outset 2px #f61e1e;
}

.floating { 
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	margin-left: 30px;
	margin-top: 5px;
}

@keyframes floating {
	0% { transform: translate(0, 0px); }
	50% { transform: translate(0, 15px); }
	100% { transform: translate(0, -0px); } 
}