/* Rainbow gradient from: https://welearncode.com/rainbow-text/ */
h1 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: garamond;
  font-size: 150%;
  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rainbowHeader {
  position: sticky;
  top: 0;
  padding: 0px 0px;
}

a:link {
  color: #22F6FF;
}

a:hover {
  color: #f5ce28;
  cursor:url("/pony-assets/pink-unicorn-help.png"),default;
}

a:visited {
  color: #22F6FF;
}


html::-webkit-scrollbar {
  width: 16px;
}
 
html::-webkit-scrollbar-track {
  background: #e29cb4;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
html::-webkit-scrollbar-thumb {
  background: #A3CD8E;
  border: 2px #6FB14E;
}

body {
  background-image: url("/pony-assets/partial-banner.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: fill;
  color: orange;
  font-family: garamond;
  font-size: 125%;
  cursor:url("/pony-assets/Pink-Unicorn-Cursor.png"),default;
}

/* Table reference from https://divtable.com/table-styler/ */
table.ponyTable {
  width: 75%;
  text-align: center;
  border-collapse: collapse;
}
table.ponyTable td, table.ponyTable th {
  border: 1px solid #ffffff;
  padding: 5px 2px;
}
table.ponyTable tbody td {
  font-size: 13px;
  font-weight: regular;
  color: #FFFFFF;
}

table.ponyTable tfoot {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background: -moz-linear-gradient(top, #EFC8D5 0%, #e29cb4 66%, #DA81A0 100%);
  background: -webkit-linear-gradient(top, #EFC8D5 0%, #e29cb4 66%, #DA81A0 100%);
  background: linear-gradient(to bottom, #EFC8D5 0%, #e29cb4 66%, #DA81A0 100%);
  border-top: 1px solid #ffffff;
}

table.ponyTable tr {
  background: -moz-linear-gradient(top, #87C2D4 0%, #5aacc4 66%, #449FBB 100%); /* blue gradient (main) */
  background: -webkit-linear-gradient(top, #87C2D4 0%, #5aacc4 66%, #449FBB 100%);
  background: linear-gradient(to bottom, #87C2D4 0%, #5aacc4 66%, #449FBB 100%);
}

table.ponyTable tr:nth-child(even) {
  background: -moz-linear-gradient(top, #A3CD8E 0%, #88bf6c 66%, #6FB14E 100%); /* green gradient (alternate) */
  background: -webkit-linear-gradient(top, #A3CD8E 0%, #88bf6c 66%, #6FB14E 100%);
  background: linear-gradient(to bottom, #A3CD8E 0%, #88bf6c 66%, #6FB14E 100%);
  border-bottom: 1px solid #ffffff;
}

table.ponyTable thead th { /* pink gradient for header of table */
  background: -moz-linear-gradient(top, #EFC8D5 0%, #e29cb4 66%, #DA81A0 100%);
  background: -webkit-linear-gradient(top, #EFC8D5 0%, #e29cb4 66%, #DA81A0 100%);
  background: linear-gradient(to bottom, #EFC8D5 0%, #e29cb4 66%, #DA81A0 100%);
  font-size: 19px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  border-left: 1px solid #ffffff;
}

table.ponyTable thead th:first-child {
  border-left: none;
}

table.ponyTable tfoot td {
  font-size: 13px;
}
table.ponyTable tfoot .links {
  text-align: right;
}
table.ponyTable tfoot .links a{
  display: inline-block;
  background: #e29cb4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
} /* End pony table */

.bodygrad {
  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    /* top | right | bottom | left */
  margin: 2px 25% 2px 25%;
}

.gradient-text {
  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Rainbow letters from: https://welearncode.com/rainbow-text/ */
.rainbow-letters {
  font-size: 40px;
  font-family: sans-serif;
  text-transform: uppercase;
}

.rainbow-letters span:nth-child(10n + 1) {
  color: #ef5350;
}

.rainbow-letters span:nth-child(10n + 2) {
  color: #ab47bc;
}

.rainbow-letters span:nth-child(10n + 3){
  color: #651fff;
}

.rainbow-letters span:nth-child(10n + 5){
  color: #3949ab;
}

.rainbow-letters span:nth-child(10n + 4) {
  color: #2196f3;
}

.rainbow-letters span:nth-child(10n + 6){
  color: #00bcd4;
}

.rainbow-letters span:nth-child(10n + 7){
  color: #4caf50;
}

.rainbow-letters span:nth-child(10n + 8){
  color: #ffc107;
}