table.aoc {
    border: 2px solid #383838;
    text-align: right;
}

table.aoc thead th, table.aoc thead td {
    border-bottom: 2px solid  #383838;
}


table.aoc th, table.aoc td {
    padding: 2px 8px;
}

table.aoc tr.newyear td,
table.aoc tr.newyear th
{
    border-top: 1px dashed gray;
}

table.aoc tr.bb th,
table.aoc tr.bb td
{
    border-bottom: 1px dashed gray;
}

tr.complete *  {
    color: #686868 !important;
    opacity: 0.6;
    text-shadow: 0 0 0;
}

.glow, h2, h3 {
    text-shadow: 0 0 6px #ffffff;
    color: yellow
}
 

.ffff {
  display: flex;
    gap: 20px;
}

    .tab1 {
	width: 400px
    }

    .tab2 {
	width: 350px
    }

    .tab3 {
	width: 600px
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .ffff {
    flex-wrap: wrap;
    flex-direction: column;
  }

}

@media only screen and (min-width: 768px) and (max-width: 2000px) {
  .ffff {
    flex-direction: row;
  }

}


sup {
    padding: 0 4px;
    border-radius: 10px;
    color: black;
    font-variant: small-caps;
    font-weight: bold;

}

a.easy:hover,
sup.easy {
    background-color: green;
}


a.medium:hover,
sup.medium {
    background-color: yellow;
}


a.hard:hover,
sup.hard {
    background-color: darkorange;

}


a.xtreme:hover,
sup.xtreme {
    background-color: red;

}


a.insane:hover,
sup.insane {
    background-color: darkviolet;
}


a.ee:hover {
    background-color: green;
}

a.em:hover {
    background: linear-gradient(130deg, green 40%, yellow 40%);
}
a.eh:hover {
    background: linear-gradient(130deg, green 40%, darkorange 40%);
}
a.ex:hover {
    background: linear-gradient(130deg, green 40%, red 40%);
}
a.ei:hover {
    background: linear-gradient(130deg, green 40%, darkviolet 40%);
}

a.mm:hover {
    background-color: yellow;
}
a.mh:hover {
    background: linear-gradient(130deg, yellow 40%, darkorange 40%);
}
a.mx:hover {
    background: linear-gradient(130deg, yellow 40%, red 40%);
}
a.mi:hover {
    background: linear-gradient(130deg, yellow 40%, darkviolet 40%);
}

a.hh:hover {
    background-color: darkorange;
}
a.hx:hover {
    background: linear-gradient(130deg, darkorange 40%, red 40%);
}
a.hi:hover {
    background: linear-gradient(130deg, darkorange 40%, darkviolet 40%);
}

a.xx:hover {
    background-color: red;
}

a.xi:hover {
    background: linear-gradient(130deg, red 40%, darkviolet 40%);
}

a.ii:hover {
    background-color: darkviolet;
}


p + strong {
    text-decoration: underline;
}
p  strong {
    color: white;
}