body {
  padding-top: 5rem;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
.date {font-weight: bold;}
.good-grade {color: green; font-weight: bold;}
.av-grade {color: orange; font-weight: bold;}
.bad-grade {color: red; font-weight: bold;}

.glyphicon-star {
font-size: 15px;
color: #e67e22;
}
.glyphicon-star-empty {
font-size: 15px;
color: #bdc3c7;
}
.glyphicon-star.half {
position: relative;
}
.glyphicon-star.half:before {
position: relative;
z-index: 9;
width: 47%;
display: block;
overflow: hidden;
}
.glyphicon-star.half:after {
content: '\e006';
position: absolute;
z-index: 8;
color: #bdc3c7;
top: 0;
left: 0;
}

p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-size: 1.7rem;
}
a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;

  text-decoration: none;
  color: initial;
}
/* a:hover {
  cursor:pointer;
 } */