/* Define main areas */
BODY {
	
	color: #ffffff; 
	font-variant:normal; 
	font-weight:normal; 
	font-style:normal;
  	background-color:#050505;
	margin:0;
    height:100%; 
		  
}

.titleart {
    font-family: 'Black Ops One';
    font-weight: normal;
    font-style: normal;
}

/* Chrome */

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


/* Page positioning */

#maincontainer {
   min-height:100%;
   position:relative;
}
#header {
   padding:0px;
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}

#content {
	padding-right: 0px;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
}

<!--[if IE 6]>
#maincontainer {
   height:100%;
}


.parent {
  position:relative;
  top: 0px;
  right: 10px;
  display: flex;
  align-items: stretch ;
  height: 280px; /* Or whatever */
  gap: 25px;
  gap: 25px 20px; /* row-gap column gap */
  row-gap: 25px;
  column-gap: 20px;
  flex-wrap: wrap;
  padding: 30px;
  margin: auto;  /* Magic! */
}

.child {
  width: 230px;  /* Or whatever */
  height: 280px; /* Or whatever */
}


#player
{
    width : 230px;
	height     : 28px;
}

#resiz2 {
    width: 100%;
    max-width: 1000px;
    height: auto;
}

A:link {COLOR: #000; text-decoration: none;}
A:visited {COLOR: #fff; text-decoration: none;}
A:hover {COLOR: #c0c0c0; text-decoration: none;}
A:active {COLOR: #fff; text-decoration: none;}