stylesheet.css

.card {
	float:left;
	height:175px;
	width: 100px;
	border-radius: 5px;
	padding: 5px;
	margin:5px;
	background-color: white;
  line-height: 175px;
  text-align: center;
  font-size: 3em;
}

span{
	display: block;
}



.red{
	border-style: solid;
	border-color: red;
}

.black{
	border-style: solid;
	border-color: black;
}

button, select{
	width:100px;
}

.board{
	width:880px;
	background:rgba(255,255,255,0.5);
	margin-top: 20px;
}

.hand{
	width:650px;
	margin: 0px 110px 0px 110px;
}

.deck{
	margin:0px;
	background-color: darkblue;
	border-color: gray;
	color:aqua;
}

.inplay{
	margin-right: 200px;
	margin-left: 200px;
	height:190;

}

.infobox{
	float:left;
	height:175px;
	width: 100px;
	padding: 5px;
	margin:5px;
	}

body{
	margin:0;
	background-image: url("table.jpg");
	background-size: 100%;
}


.center {
    margin-left: auto;
    margin-right: auto;
    background:rgba(255,255,255,0.5);
}

.clearfix:after{
  content: "";
  display: block;
  visibility: hidden;
  clear:both;
  line-height: 0;
  height: 0;
}