#message strong{
    color: #ab3c3c;
    font-size: 20px;
    transition: all 500ms linear;
    animation-name: blink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes blink{
  from {color: #ab3c3c;}
  to {color: #24a777;}
}
.calc{
  position: relative;
} 
.score li .secdiv{
    margin-left: 15px;
    position: relative;
}
.score li .secdiv::before{
    content: ":";
    position: absolute;
    left: -11px;
    top: 19px;
    font-weight: bold;
    font-size: 27px;
    color: #333;
}
.score li label{
    font-size: 12px;
    display: block;
    margin-top: 2px;
}
.score li input{
    padding: 6px 4px;
    text-align: center;
    width: 40px;
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

@media all and (max-width: 580px){
    .score li .secdiv::before{
        font-size: 22px;
    }
}