@import url('https://fonts.googleapis.com/css?family=Asap:400,500,600,700');
* {
    margin : 0;
    padding : 0;
    box-sizing : border-box;
}

header {
    background : white;
    padding : 30px;
    transition : all 0.4s ease;
}

header > h1 {
    color : #24272E;
    text-align : center;
    font-family :  'Asap', sans-serif;
    font-size : 50px;
}

body {
    background : #24272E;
} 

.score-board {
    border : 3px solid white;
    width : 200px;
    margin : 20px auto;
    padding : 15px 20px;
    text-align : center;
    font-family : 'Asap', sans-serif;
    color : white;
    font-size : 36px;
    border-radius : 5px;
    position : relative;
}

.badge {
    background : #21b8ff;
    color : white;
    padding : 3px 8px;
    font-size : 20px;
    border-radius : 4px;
}

#user-label {
    position : absolute;
    top : 20px;
    left : -35px;
}


#comp-label {
    position : absolute;
    top : 20px;
    right : -39px;
}


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

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

.choices {
    text-align : center;
    margin : 20px 0;
}

.specific-choice {
    display : inline-block;
    border : 4px solid white;
    border-radius : 50%;
    margin : 15px 20px;
    padding : 10px;
    transition : all 0.4s ease;
}

.specific-choice:hover {
    background : #21b8ff;
    cursor : pointer;
}

#action-message {
    color : white;
    font-family : 'Asap', sans-serif;
    font-size : 30px;
    text-align : center;
}

#thanks-message {
    color : #040505;
    position : absolute;
    bottom : 2px;
    left : 2px;
    font-family : 'Asap', sans-serif;
    font-size : 18px;
}

#thanks-message-link {
    color : #787d84;
    font-size : 20px;
}

.green-glow-elem {
    border : 4px solid #3abc5f;
    box-shadow : 0 0 10px #2f7c45;
}

.red-glow-elem {
    border : 4px solid #a32c23;
    box-shadow : 0 0 10px #7f2e28;
}

.grey-glow-elem {
    border : 4px solid #706b6b;
    box-shadow : 0 0 10px #565353;
}

.green-glow-back {
    background : #3abc5f; 
}

.red-glow-back {
    background : #a32c23;
}

.grey-glow-back {
    background : #706b6b;
}