div.positive, .ui.table td.positive { background-color: rgba(46, 204, 64, 0.15) !important; }
div.positive p, .ui.table td.positive p { color: rgba(45, 135, 46, 0.91); }
div.negative, .ui.table td.negative { background-color: rgba(255, 65, 54, 0.15) !important; }
div.negative p, .ui.table td.negative p { color: rgba(195, 45, 42, 0.7); margin-top: 10px; }
div.progress, .ui.table td.progress { background-color: rgba(255, 203, 27, 0.25) !important; }
div.progress p, .ui.table td.progress p { color: rgba(195, 99, 27, 0.51); }

@media (max-width: 768px) { div.positive, .ui.table td.positive { background-color: rgba(170, 255, 170, 0.6) !important; }
  div.positive p, .ui.table td.positive p { color: rgba(45, 135, 46, 0.91); }
  div.negative, .ui.table td.negative { background-color: rgba(255, 216, 214, 0.6) !important; }
  div.negative p, .ui.table td.negative p { color: rgba(195, 45, 42, 0.7); margin-top: 10px; }
  div.progress, .ui.table td.progress { background-color: rgba(254, 228, 141, 0.6) !important; }
  div.progress p, .ui.table td.progress p { color: #c3901b; } }
.github-corner { position: fixed; z-index: 10001; }

.github-corner svg { fill: #327B9E; color: #FFFFFF; position: absolute; top: 0; border: 0; right: 0; }

.github-corner:hover .octo-arm { animation: octocat-wave 560ms ease-in-out; }

@keyframes octocat-wave { 0%, 100% { transform: rotate(0); }
  20%, 60% { transform: rotate(-25deg); }
  40%, 80% { transform: rotate(10deg); } }
@media (max-width: 500px) { .github-corner:hover .octo-arm { animation: none; }
  .github-corner .octo-arm { animation: octocat-wave 560ms ease-in-out; } }
@media (min-width: 768px) { .github-corner svg { position: fixed; top: 0; border: 0; right: 0; } }