:root {
  --b1: #05285b;
  --b2: #073984;
  --b3: #094bac;
  --b4: #0b5cd5;
  --b5: #0d6efd;
  --b6: #3485fd;
  --b7: #5a9cfe;
  --b8: #81b4fe;
  --b9: #a8cbfe;

  --v0: #281845;
  --v1: #3a2264;
  --v2: #4b2d83;
  --v3: #5d37a2;
  --v4: #6f42c1;
  --v5: #8660cb;
  --v6: #9d7ed5;
  --v7: #b49ddf;
  --v8: #cbbbe9;
  --v9: #cbbbe9;

  --vv1: #281845;
  --vv2: #3a2264;
  --vv3: #4b2d83;
  --vv4: #5d37a2;
  --vv5: #6f42c1;
  --vv6: #8660cb;
  --vv7: #9d7ed5;
  --vv8: #b49ddf;
  --vv9: #cbbbe9;

  --p1: #4d1230;
  --p2: #6f1b45;
  --p3: #92235a;
  --p4: #b42b6f;
  --p5: #d63384;
  --p6: #dd5498;
  --p7: #e374ab;
  --p8: #ea95bf;
  --p9: #f0b6d3;

  --r1: #4f1319;
  --r2: #721c24;
  --r3: #96242f;
  --r4: #b92d3a;
  --r5: #dc3545;
  --r6: #e25563;
  --r7: #e77681;
  --r8: #ed969e;
  --r9: #f2b6bc;

  --o1: #5b2d07;
  --o1: #84420a;
  --o2: #ac560e;
  --o3: #d56a11;
  --o4: #fd7e14;
  --o5: #fd933a;
  --o6: #fea75f;
  --o7: #febc85;
  --o8: #fed1aa;
  --o9: #fed1aa;

  --oo1: #5b2d07;
  --oo2: #84420a;
  --oo3: #ac560e;
  --oo4: #d56a11;
  --oo5: #fd7e14;
  --oo6: #fd933a;
  --oo7: #fea75f;
  --oo8: #febc85;
  --oo9: #fed1aa;

  --y0: #5c4503;
  --y1: #856404;
  --y2: #ad8305;
  --y3: #d6a206;
  --y4: #ffc107;
  --y5: #ffcb2f;
  --y6: #ffd556;
  --y7: #ffdf7e;
  --y8: #ffe9a6;
  --y9: #ffe9a6;

  --yy1: #5c4503;
  --yy2: #856404;
  --yy3: #ad8305;
  --yy4: #d6a206;
  --yy5: #ffc107;
  --yy6: #ffcb2f;
  --yy7: #ffd556;
  --yy8: #ffdf7e;
  --yy9: #ffe9a6;

  --g0: #0e3c19;
  --g1: #155724;
  --g2: #1b722f;
  --g3: #228c3a;
  --g4: #28a745;
  --g5: #4ab563;
  --g6: #6dc381;
  --g7: #8fd19e;
  --g8: #b2dfbc;
  --g9: #b2dfbc;

  --gg1: #0e3c19;
  --gg2: #155724;
  --gg3: #1b722f;
  --gg4: #228c3a;
  --gg5: #28a745;
  --gg6: #4ab563;
  --gg7: #6dc381;
  --gg8: #8fd19e;
  --gg9: #b2dfbc;

  --t1: #0c4836;
  --t2: #11694f;
  --t3: #168967;
  --t4: #1ba97f;
  --t5: #20c997;
  --t6: #44d2a8;
  --t7: #67dab8;
  --t8: #8be3c9;
  --t9: #afecda;

  --c1: #083a42;
  --c2: #0c5460;
  --c3: #106e7d;
  --c4: #13889b;
  --c5: #17a2b8;
  --c6: #3cb1c3;
  --c7: #61c0cf;
  --c8: #86cfda;
  --c9: #abdee5;

  --a1: #444444;
  --a2: #555555;
  --a3: #666666;
  --a4: #777777;
  --a5: #888888;
  --a6: #999999;
  --a7: #aaaaaa;
  --a8: #bbbbbb;
  --a9: #cccccc;

  --k1: #000000;
  --k2: #111111;
  --k3: #222222;
  --k4: #333333;
  --k5: #444444;
  --k6: #555555;
  --k7: #666666;
  --k8: #777777;
  --k9: #888888;
  
  --w1: #cccccc;
  --w9: #ffffff;

}

* {
  font-family: 'Maven Pro';
}

/* .wrap-layer{
  position: relative;
}
.foreground-layer{
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
} */

body {
  background: linear-gradient(to top, var(--k1), var(--b1));
  background-attachment: fixed;
  color: var(--b9);
  padding: 20px;
  zoom: 120%;
  /* min-width: 700px; */

  /* background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='2000' viewBox='0 0 800 800'%3E%3Cg fill='none' %3E%3Cg stroke='%23010B18' stroke-width='17'%3E%3Cline x1='-8' y1='-8' x2='808' y2='808'/%3E%3Cline x1='-8' y1='792' x2='808' y2='1608'/%3E%3Cline x1='-8' y1='-808' x2='808' y2='8'/%3E%3C/g%3E%3Cg stroke='%23030f1e' stroke-width='16'%3E%3Cline x1='-8' y1='767' x2='808' y2='1583'/%3E%3Cline x1='-8' y1='17' x2='808' y2='833'/%3E%3Cline x1='-8' y1='-33' x2='808' y2='783'/%3E%3Cline x1='-8' y1='-783' x2='808' y2='33'/%3E%3C/g%3E%3Cg stroke='%23051324' stroke-width='15'%3E%3Cline x1='-8' y1='742' x2='808' y2='1558'/%3E%3Cline x1='-8' y1='42' x2='808' y2='858'/%3E%3Cline x1='-8' y1='-58' x2='808' y2='758'/%3E%3Cline x1='-8' y1='-758' x2='808' y2='58'/%3E%3C/g%3E%3Cg stroke='%2304162a' stroke-width='14'%3E%3Cline x1='-8' y1='67' x2='808' y2='883'/%3E%3Cline x1='-8' y1='717' x2='808' y2='1533'/%3E%3Cline x1='-8' y1='-733' x2='808' y2='83'/%3E%3Cline x1='-8' y1='-83' x2='808' y2='733'/%3E%3C/g%3E%3Cg stroke='%23031931' stroke-width='13'%3E%3Cline x1='-8' y1='92' x2='808' y2='908'/%3E%3Cline x1='-8' y1='692' x2='808' y2='1508'/%3E%3Cline x1='-8' y1='-108' x2='808' y2='708'/%3E%3Cline x1='-8' y1='-708' x2='808' y2='108'/%3E%3C/g%3E%3Cg stroke='%23011c37' stroke-width='12'%3E%3Cline x1='-8' y1='667' x2='808' y2='1483'/%3E%3Cline x1='-8' y1='117' x2='808' y2='933'/%3E%3Cline x1='-8' y1='-133' x2='808' y2='683'/%3E%3Cline x1='-8' y1='-683' x2='808' y2='133'/%3E%3C/g%3E%3Cg stroke='%23001f3e' stroke-width='11'%3E%3Cline x1='-8' y1='642' x2='808' y2='1458'/%3E%3Cline x1='-8' y1='142' x2='808' y2='958'/%3E%3Cline x1='-8' y1='-158' x2='808' y2='658'/%3E%3Cline x1='-8' y1='-658' x2='808' y2='158'/%3E%3C/g%3E%3Cg stroke='%23002245' stroke-width='10'%3E%3Cline x1='-8' y1='167' x2='808' y2='983'/%3E%3Cline x1='-8' y1='617' x2='808' y2='1433'/%3E%3Cline x1='-8' y1='-633' x2='808' y2='183'/%3E%3Cline x1='-8' y1='-183' x2='808' y2='633'/%3E%3C/g%3E%3Cg stroke='%2300244c' stroke-width='9'%3E%3Cline x1='-8' y1='592' x2='808' y2='1408'/%3E%3Cline x1='-8' y1='192' x2='808' y2='1008'/%3E%3Cline x1='-8' y1='-608' x2='808' y2='208'/%3E%3Cline x1='-8' y1='-208' x2='808' y2='608'/%3E%3C/g%3E%3Cg stroke='%23002753' stroke-width='8'%3E%3Cline x1='-8' y1='567' x2='808' y2='1383'/%3E%3Cline x1='-8' y1='217' x2='808' y2='1033'/%3E%3Cline x1='-8' y1='-233' x2='808' y2='583'/%3E%3Cline x1='-8' y1='-583' x2='808' y2='233'/%3E%3C/g%3E%3Cg stroke='%23002a5a' stroke-width='7'%3E%3Cline x1='-8' y1='242' x2='808' y2='1058'/%3E%3Cline x1='-8' y1='542' x2='808' y2='1358'/%3E%3Cline x1='-8' y1='-558' x2='808' y2='258'/%3E%3Cline x1='-8' y1='-258' x2='808' y2='558'/%3E%3C/g%3E%3Cg stroke='%23002c61' stroke-width='6'%3E%3Cline x1='-8' y1='267' x2='808' y2='1083'/%3E%3Cline x1='-8' y1='517' x2='808' y2='1333'/%3E%3Cline x1='-8' y1='-533' x2='808' y2='283'/%3E%3Cline x1='-8' y1='-283' x2='808' y2='533'/%3E%3C/g%3E%3Cg stroke='%23002f68' stroke-width='5'%3E%3Cline x1='-8' y1='292' x2='808' y2='1108'/%3E%3Cline x1='-8' y1='492' x2='808' y2='1308'/%3E%3Cline x1='-8' y1='-308' x2='808' y2='508'/%3E%3Cline x1='-8' y1='-508' x2='808' y2='308'/%3E%3C/g%3E%3Cg stroke='%2300326f' stroke-width='4'%3E%3Cline x1='-8' y1='467' x2='808' y2='1283'/%3E%3Cline x1='-8' y1='317' x2='808' y2='1133'/%3E%3Cline x1='-8' y1='-333' x2='808' y2='483'/%3E%3Cline x1='-8' y1='-483' x2='808' y2='333'/%3E%3C/g%3E%3Cg stroke='%23003476' stroke-width='3'%3E%3Cline x1='-8' y1='342' x2='808' y2='1158'/%3E%3Cline x1='-8' y1='442' x2='808' y2='1258'/%3E%3Cline x1='-8' y1='-458' x2='808' y2='358'/%3E%3Cline x1='-8' y1='-358' x2='808' y2='458'/%3E%3C/g%3E%3Cg stroke='%2300377d' stroke-width='2'%3E%3Cline x1='-8' y1='367' x2='808' y2='1183'/%3E%3Cline x1='-8' y1='417' x2='808' y2='1233'/%3E%3Cline x1='-8' y1='-433' x2='808' y2='383'/%3E%3Cline x1='-8' y1='-383' x2='808' y2='433'/%3E%3C/g%3E%3Cg stroke='%23073984' stroke-width='1'%3E%3Cline x1='-8' y1='392' x2='808' y2='1208'/%3E%3Cline x1='-8' y1='-408' x2='808' y2='408'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed; */
}

.logo {
  opacity: 80%;
}

h2 {
  font-family: "Montserrat";
  text-align: center;
  letter-spacing: 4px;
  color: white;
  text-shadow: 0 0 10px var(--b9), 0 0 15px var(--b7), 0 0 20px var(--b5);
  text-shadow: 0 0 10px var(--b9);
}

h3 {
  font-family: "Mukta";
  font-size: medium;
  color: var(--c7);
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
}

h4 {
  font-family: "PT Sans Narrow";
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
}

hr {
  border: 1px solid var(--b2);
  opacity: 0.5;
}

/* Style the tab */
div.tab-container {
  text-align: center;
  display: block;
  margin: auto;
}

.tab {
  overflow: hidden;
  display: inline-block;
  border: none;
  background-color: #00000044;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  color: var(--b7);
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 12px 16px;
  transition: 0.2s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: none;
  color: var(--w9);
  text-shadow: 0 0 10px var(--c9), 0 0 15px var(--c7), 0 0 20px var(--c5);
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: var(--c2);
  color: white;
}

/* Style the tab content */
.tabcontent, .btabcontent, .ctabcontent, .dtabcontent {
  padding: 20px 0px;
  height: 20px;
  border: none;
  text-align: center;
  display: block;
  /* min-width: 1000px; */
  margin: auto;
}

.tablinks {
  font-family: "Cuprum";
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 2px;
  color: var(--c1);
}

.btablinks {
  font-family: "Cuprum";
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
  color: var(--c1);
}

.ctablinks {
  font-family: "Cuprum";
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0px;
  color: var(--c1);
}

.dtablinks {
  font-family: "Cuprum";
  font-weight: 250;
  font-size: 13px;
  letter-spacing: 0px;
  color: var(--c1);
}

.active:hover {
  cursor: pointer;
  fill: var(--b7);
}

tr {
  text-align: left;
}

a {
  color: var(--t7);
}

.group {
  font-family: "Montserrat";
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  pointer-events: none;
}
.tafel {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
}
.divtitle {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 2px;
  fill: var(--w9);
}
.shead {
  font-family: "Mukta";
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
}
.player {
  font-family: "Maven Pro";
  font-size: 11px;
}

.umpire {
  font-family: "PT Sans Narrow";
  font-size: 14px;
  /* font-style: italic; */
}
.seed {
  font-family: "Maven Pro";
  font-size: 9px;
}
.greek {
  font-family: "Maven Pro";
  font-size: 12px;
  font-weight: 400;
}
.dtt {
  font-family: "Play";
  font-weight: 400;
  font-size: 11px;
}
.dttb {
  font-family: "Play";
  font-weight: 600;
  font-size: 11px;
}
.score {
  font-family: "Mukta";
  font-size: 11px;
}
.bold {
  font-weight: 700;
}

.pwon {
  font-weight: 500;
  fill: var(--w9)
}
.plost {
  font-weight: normal;
  fill: var(--a8)
}
.psch {
  font-weight: 500;
  font-size: 16px;
}
.gwon {
  font-weight: 700;
}
.glost {
  font-weight: 300;
}

.tam {
  text-anchor: middle;
}
.tas {
  text-anchor: start;
}
.tae {
  text-anchor: end;
}
.abh {
  alignment-baseline: hanging;
}
.abm {
  alignment-baseline: middle;
}
.abb {
  alignment-baseline: baseline;
}

.shadowb {
  text-shadow: 0 0 10px var(--b9), 0 0 15px var(--b7), 0 0 20px var(--b5);
}
.shadowv {
  text-shadow: 0 0 10px var(--v9), 0 0 15px var(--v7), 0 0 20px var(--v5);
}
.shadowp {
  text-shadow: 0 0 10px var(--p9), 0 0 15px var(--p7), 0 0 20px var(--p5);
}
.shadowr {
  text-shadow: 0 0 10px var(--r9), 0 0 15px var(--r7), 0 0 20px var(--r5);
}
.shadowo {
  text-shadow: 0 0 10px var(--o9), 0 0 15px var(--o7), 0 0 20px var(--o5);
}
.shadowy {
  text-shadow: 0 0 10px var(--y9), 0 0 15px var(--y7), 0 0 20px var(--y5);
}
.shadowg {
  text-shadow: 0 0 10px var(--g9), 0 0 15px var(--g7), 0 0 20px var(--g5);
}
.shadowt {
  text-shadow: 0 0 10px var(--t9), 0 0 15px var(--t7), 0 0 20px var(--t5);
}
.shadowc {
  text-shadow: 0 0 10px var(--c9), 0 0 15px var(--c7), 0 0 20px var(--c5);
}