@import url('https://fonts.googleapis.com/css?family=Asap:400,500i,600,700&display=swap');
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body{
  background-color:#25272E;
}
header{
  background: white;
  padding:20px;
}
header>h1{
  color:#25272E;
  text-align: center;
  font-family: Asap, sans-serif;
}
.score-board{
  border:3px solid white;
  color:white;
  margin:25px auto;
  padding:15px 20px;
  text-align:center;
  width:200px ;
  font-size:46px;
  border-radius:4px;
  position:relative;
}
.badges{
  background-color: red;
  font-size: 15px;
  padding:3px 10px;
  font-family: Asap,sans-serif;
}

#user-label{
  position:absolute;
  top:29px;
  left:-25px;}

  #comp-label{
    position:absolute;
    top:29px;
    right:-28px;
  }

.result{
  color:white;
  font-size:35px;
}

.result>p{
  text-align: center;
  font-family: Asap,sans-serif;
  font-weight: bold;
}

.choices{
    margin-top:50px;
    text-align: center;
  }
  .choice{
    border:4px solid white;
    border-radius:50%;
    display:inline-block;
    margin:0 20px;
    padding:17px;
    transition: all 0.3s ease;
  }
  .choice>img{
    height:60px;
    width:60px;
  }

  .choice:hover{
    background-color:#25273E ;
    cursor:pointer;
  }

  #action-msg{
    color: white;
    text-align: center;
    margin:20px auto;
    font-size:25px;
    font-weight:bold;
    font-family: Asap,sans-serif;
  }

  .green-glow{
    border: 3px solid #4dcc7d;
    box-shadow: 0 0 10px #31b43a;
  }

  .red-glow{
  border:3px solid #fc121b;
  box-shadow:0 0 10px #d01115;
  }

  .gray-glow{
  border:3px solid #464646;
  box-shadow:0 0 10px #25292b;
    }