body {
  background-color:rgb(137, 137, 141);
  font-size: 30px;
  font-family: Roboto-regular;
}

.wrapper-main{
	width: 300px;
	margin: 0 auto;
}
table,
th,
td{
	/*border-collapse: seperate;*/
	border-collapse: collapse;
	padding: 2px;
	border-spacing: 20px ;
}

table{
	width: 300px;
	height:  auto;
	border: 4px solid #000;
	background-color:  #ff0000;
	
}

th{
	font-weight: bold;
	border: 4px solid #000;
	/*border-color:  #ff0000;*/
}
.wrapper-main1{
	width: 300px;
	margin: 0 auto;
	
	height: 100px;
border: 2px solid rgb(118, 15, 63);
	font-size: 14px;

}
.wrapper-main2{
	width: 300px;
	margin: 0 auto;
	
	height: 100px;
border: 2px solid rgb(76, 184, 49);
	font-size: 14px;

}


.wrapper-main3{
	width: 300px;
	margin: 0 auto;
	
	height: 100px;
border: 2px solid rgb(34, 65, 111);
	font-size: 14px;

}


.wrapper-main4{
	width: 300px;
	margin: 0 auto;
	
	height: 300px;
border: 2px solid rgb(34, 65, 111);
	font-size: 14px;

}

table tr td:nth-child(2){
	width:400px;
}

table tr:nth-child(even){
	background-color:#ccc;
}