/* CSS Document */
#comfld{
margin:10px;
padding:5px;
width:calc(100% - 34px);
color:#A40010;
background-color:#330005;
border-style: outset;
border-radius:10px;
border-color:#A40010;
font-size:18px;
min-height:36px;
font-family: 'Fjalla One', sans-serif;
overflow: hidden;
resize:none;}

html.div{
display:none;
}
table{
    margin: 0px auto;
}

td,tr{
	border:1px solid;
}
*:focus {outline:none;}

.totalcenter {
    position: fixed;
    left: 20%;
    top: 10%;
    width: 60%;
    text-align: center;
    background-color:black;
    height:80%;
	opacity:1;
padding:10px;
margin:10px;
border:2px solid #A40010;
min-height:500px;
min-width:450px;
}
.uptable{
height:165px;
text-align:center;
}
.container{
opacity:0.5;
background-color:#4e5259;
height:100%;
width:100%;
position:fixed;
top:0px;
left:0px;
}
.border{
  margin:5px;
  border:2px solid #A40010;
  padding:5px;
  position:relative;
}
.center,form{
  margin:0px auto;
  text-align:center;           
}
a.non {
    text-decoration: none;
}
.inbl{
display:inline-block;
}
.like{
min-width:70px;
display:inline-block;
}
.likes{
min-width:150px;
display:inline-block;
}
.not-active {
   pointer-events: none;
   cursor: default;
   text-decoration: none;
}
.brand,#enemy{
float:right;
}
#versus{
height:160px;
}
#hero{
float:left;
}
.right{
text-align:right;
margin:0px;
padding:5px;         
}
.left,#hero,#enemy{
text-align:left;      
margin: 0 auto; 
}
.name{
width:150px;
position:absolute; top:5px;
display:inline-block;
}
.text{
margin-left:150px;
border:0.1px solid #A40010;
width:calc(100% - 210px);
min-height:54px;
word-wrap: break-word;
display:inline-block;
}
.time{
width:calc(100% - 210px);
text-align:right;
display:inline-block;
}
body{
  background-image:url("img/back3.png");
  background-attachment: fixed;
  background-color:black;
  background-repeat:no-repeat;
  background-position: center top; 
  color:#A40010;
  min-width:550px;
  max-width:1000px; 
  margin:0px auto;
  text-align:center;
  font-size:18px;
  font-family: 'Fjalla One', sans-serif;
} 
nav,div{
  background-color:black;
}
 section{
  background-color:#0B0D0A;
  padding:30px;
  text-align: justify;
}

header,footer{
  background-color:#0B0D0A;
}

iframe{
  display: block;
  margin: 0 auto; 
  border:0;
}

img{
max-width: 900px;
text-align: center;
}

a{
  color:red;
}

@media (max-width: 400px){
        body,iframe{
        width:100%;
        }
#nav-z,#nav-a,#nav-o,#nav-f,#nav-h,#nav-d{width:20%;}
		p{
		font-size:14px;
		}
		section{padding:0px;
		max-width: 400px}
		.totalcenter {
			position: fixed;
			left: 0px;
			top: 0px;
			width: 100%;
			background-color:black;
			height:100%;
			max-width: 400px		
	}
		.container{
		visible:hidden;
		}
}