/* Box Model Hack */
* {
  box-sizing: border-box;
}

/* Clear fix hack */
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

.clear {
	clear: both;
}

/******************************************
/* BASE STYLES
/*******************************************/



/******************************************
/* LAYOUT
/*******************************************/

/* body{
  background-image: url("/Users/resilientcoders/Desktop/RC/week4/labweek4/rock_paper_scissors/rock-paper-scissors-hand-gesture-vector-25169740.jpeg");
  background-image: ur();
  background-size: cover;
  background-repeat: no-repeat;
} */
body{
  background-color: rgb(152,68,124);
}
header{
  background-color:whitesmoke;
  padding: 20px;
}
header h1 {
  text-align: center;
  color: black;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
header p{
  text-align: center;
  color: black;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.score-board{
  color: white;
  margin-left: 600px;
  border: 5px solid white;
  width:200px;
  font-size: 20px;
  text-align: center;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-se;
  padding:15px 20px; 
  position: relative;
}
.me {
  background: rgb(247,210,83);

}
#humanScore{
 background-color: rgb(86,210,249);
 color: white;
}
#computerScore{
  background-color: rgb(86,210,249);
  color: white;

}
#rock #paper #scissors{
 display: inline-block;
 border:4px solid white;
 padding: 20px;
}
.results{
  text-align: center;
  margin-top: 50px;
}