html {
  color: black;
}




body {
  background-image: url('../pictures/football-4382750_1920.jpg');
  background-repeat: no-repeat;
  background-attachment: not-fixed;
  background-size: cover;
}

h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}ol
li{list-style:decimal outside;}ul li{list-style:disc outside;}dl
dd{margin-left:1em;}
th,td{border:1px solid #000;padding:.5em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em; background-color:white; border-radius: 5px;}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

:root {
  --backgroundColor: rgba(246, 241, 209);
  --colorShadeA: rgb(0, 100, 0);
  --colorShadeB: rgb(121, 186, 156);
  --colorShadeC: rgb(150, 232, 195);
  --colorShadeD: rgb(187, 232, 211);
  --colorShadeE: rgb(255, 255, 255);
  --colorShadeF: rgb(0, 0, 255);
}

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
  background: var(--colorShadeE);
}



button.menu {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  border-radius: 5px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.1rem;
  color:var(--colorShadeA);
  font-weight: 700;
  text-transform: normal;
  font-family: inherit;
}




button.menu:active
{
		background: var(--colorShadeC);
		padding: 0.3em;
}



button.menu-act {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  border-radius: 5px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.1rem;
  color:var(--colorShadeE);
  font-weight: 700;
  text-transform:normal;
  background: var(--colorShadeA);
  padding: 0.3em;
  font-family: inherit;
}



button.menu2 {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  border-radius: 5px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.0rem;
  color:var(--colorShadeA);
  font-weight: 700;
/*  text-transform: uppercase; */
  font-family: inherit;
}




button.menu2:active
{
		background: var(--colorShadeC);
		padding: 0.3em;
		border-radius: 5px;
}



button.menu2-act {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  border-radius: 5px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.0rem;
  color:var(--colorShadeA);
  font-weight: 700;
/*  text-transform: uppercase; */
  background: var(--colorShadeE);
  padding: 0.3em;
  font-family: inherit;
}


.attribvalue {
  background: var(--colorShadeE);
}

.attribname {
  background: var(--colorShadeE);
  border-radius: 5px;
}

.duels_high {
 background: yellow;
 font-weight: bold;
}