body{
	margin: 2%;
	border: 1px solid black;
	background-color: #b3b3b3;
}
h1{
    text-align: center;
    font-size: 50px;
    color: white;
    text-shadow: 2px 0 0 #000,
      -2px 0 0 #000,
      0 2px 0 #000,
      0 -2px 0 #000,
      1px 1px #000,
      -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000;
}
#container {
    width: 100%;
    background-color: #ffcc33;
    margin: auto;
}
#player1 {
    display: table-cell;
    overflow:hidden;
    width: 50%;
    float: left;
    height: 900px;
    background-color: #1d28c2;
}
#player2 {
    display: table-cell;
    overflow:hidden;
    width: 50%;
    float: left;
    height: 900px;
    background-color: #b31109;
}
#show {
    display: inline-block;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-size: 50px;
    color: white;
    text-shadow: 2px 0 0 #000,
      -2px 0 0 #000,
      0 2px 0 #000,
      0 -2px 0 #000,
      1px 1px #000,
      -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000;
}
#image{
    line-height:650px;
	width: 360px;
    height: 400px;
	border:0px solid black;
	margin:0 auto;
    background-color: #000;
    background-image: url('');
    background-repeat: no-repeat;
    color:#fff;
    text-align: center;
    background-size: 100%;
    margin-bottom:25px;
    font-size: 0%;
}
.preview{	
    position: relative;
	width:80px;
	margin-left: 10px;
    margin-top: 10px;
    border: 5px solid black;
}
img{
		width:90%;
}