#score-list{
    font-family:Roboto, Calibri, Arial, serif;
    border:1px solid #000;
    a:link: red
  }

 #score-list a:link{
    color:#2196F3;
    text-align:center;
    text-shadow:1px 1px 0px #000;
    font-weight:bold;
  }

  #score-list td{
    border:1px solid #000;
    padding:7px;
  }

  #score-list #title td{
    background:#327a81;
    color:#FFF;
    text-align:center;
    text-shadow:1px 1px 0px #000;
    font-weight:bold;
  }

  #score-list #good{

    background:linear-gradient(#eee,#ddd);
    color:#327a81;
    text-align:center;
  }

  #score-list #good:hover{
    background:#50c399;
  }

  #score-list #mid{
    background:linear-gradient(#eee,#ddd);
    color:#327a81;
    text-align:center;
  }

  #score-list #mid:hover{
    background:linear-gradient(#d5d5d5,#c5c5c5);
  }

  #score-list #bad{
    background:linear-gradient(#eee,#ddd);
    color:#327a81;
    text-align:center;
  }

  #score-list #bad:hover{
    background:#fb4771;
  }