body, article{
   display: block;
   width: 100%;
   background-color: grey;
}

h2{
   text-align: center;
}
.screen{
   float: left;
   width: 45%;
   height: 410px;
   background-color: whitesmoke;
   border-right: 1px solid #000;
   text-align: center;
}

.screen:last-child{
   border-right: none;
   margin-right: 0;
}

.screen > #buttons{
   margin-top: 1px auto;
   padding-bottom: 1px;
}

#userSelect, #compSelect{
   display: inline-block;
   width: 312px;
   height: 312px;
   margin-left: 0 auto;
}

.rock{
   background-image: url('rock.png')
}

.paper{
   background-image: url('paper.png')
}

.scissors{
   background-image: url('scissors.png')
}

#score{
   text-align: center;
   display: block;
}

#wins, #loses, #ties{
   display: inline-block;
}