style.css

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body{
    background-color:#24272E
}
header{
    background:white;
    padding:20px;
}
header > h1{
    color: #25272E;
    text-align: center;
    font-family: Asap,sans-serif;
}
.score-board{
    margin:20px auto;
    border:3px solid white;
    border-radius: 4px;
    text-align: center;
    width:250px;
    color:white;
    font-size:46px;
    padding : 15px 20px;
    font-family : Asap,sans-serif;
    position:relative; 
}
.badge{
    background:#E2584D;
    color:white;
    font-size:14px;
    padding:2px 10px;
    font-family:Asap,sans-serif;
}
#player-label{
    position:absolute;
    top:30px;
    left:-30px;
}
#computer-label{
    position:absolute;
    top:30px;
    right:-30px;
}
.result{
    font-size:4opx;
    color:white;
}
.result > p{
    text-align: center;
    font-family: Asap,sans-serif;
    font-weight:bold;
}
.options{
    margin-top: 50px ;
    text-align: center;
}
.option{
    border : 4px solid white;
    border-radius: 50%;
    margin : 0 15px;
    padding : 20px;
    display: inline-block;
    transition : all 0.3s ease;
}
.option:hover{
    cursor:pointer;
    background : #24283F;
}
#game-alert{
    text-align:center;
    color:white;
    font-family:Asap,sans-serif;
    font-weight: bold;
    font-size:20px;
    margin-top: 20px;
}
.green-glow{
    border:4px solid #4dcc7d;
    box-shadow: 0 0 10px #31b43a;/*horizontal vertical blur color(syntax for box shadow)*/
}
.red-glow{
    border:4px solid #fc121b;
    box-shadow: 0 0 10px #d01115;
}
.grey-glow{
    border:4px solid #464647;
    box-shadow: 0 0 10px #25292b;
}