





body{
  background-color: #29272E;
}
header{
background-color:#E25B4D;
  padding:20px;
    
}
header > h1 {
  color: white;
  text-align:center;
  font-family: Asap, sans-serif;
}
.score-board {
  margin: 20px auto;
  border: 3px solid white;
  text-align:center;
  border-raduis:4px;
  width: 200px;
  color:white;
  font-size:46px;
  padding: 15px 20px;
  font-family: Asap, sans-serif;
  position:relative;
}

.badge{
background-color:#E25B4D;
  color:white;
  font-size:14px;
  padding:2px 10px;
  font-family: Asap, sans-serif;
}

#user-label {
  position: absolute;
  top:30px;
  left:-25px;
  
}
#comp-label {
  position: absolute;
  top:30px;
  right:-30px;
  
}
.result{
  font-size:40px;
  color:white;
}
.result > p {
text-align:center;
  font-family: Asap, sans-serif;
  font-weight:bold;
}
.choices{
  margin:50px 0;
  text-align:center;
}
.choice{
  border: 4px solid white;
  border-radius:5-px;
  padding:10px;
  display:inline-block;
  width:100px;
  height:100px;
}
#action-message{
  text-align:center;
  color:white;
  font-weight:bold;
  font-size: 20px;
  font-family:Asap, sans-serif;
}


#computerChoice{
margin-left:50px;
  border-color:#E25B4D;
    
}
#text{
  margin-left:450px;
  color:white;
  font-family: sans-serif;
  font-weight:bold;
}


#rock{
width:100px;
height:100px;
}

#paper{
width:100px;
height:100px;
}

#scissors{
width:100px;
height:100px;
}

#cImg{
width:100px;
height:100px;
}