/* CSS Document */
@import url(https://fonts.googleapis.com/css2?family=Manrope&display=swap);

body {
	background-image: url('temp-background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	color: white;
	margin-left: 250px;
	margin-right: 10px;
}

h1 {
	text-align: center;
	font-size: 500%;
  font-family: "Manrope";
}

h2 {
  font-family: 'Manrope';
  font-weight: lighter;
}

.center {
  text-align: center;
  align-content: center;
}

p {
	text-align: left;
	font-family: "Helvetica";
	font-size: large;
  font-style: normal;
}

.stats{
	background-color: rgba(0, 0, 0, 0.5);
	margin-right: 30px;
	text-align: center;
  }

.blog{
  background-color: rgba(0, 0, 0, 0.5);
  margin-right: 30px;
}

.players {
  padding: 30px;
  margin-left: -250px;
  background-color: inherit;
}

.player h1 {
  font-family: 'Manrope';
}

.stats a:link {
  color: inherit;
}

.stats a:visited {
  color: inherit;
}


a:link {
  color: aqua;
  text-decoration: none;
  background-color: transparent;
}

a:visited {
  color: aquamarine;
  text-decoration: none;
  background-color: transparent;
}

/* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 200px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  font-family: "Helvetica";
}

/* The navigation menu links */
.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #d1cfcf;
  display: block;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropbtn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #d1cfcf;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.dropbtn a:hover {
  color: #f1f1f1;
  background-color: cornflowerblue;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-content {
  display: none;
  background-color: #535353;
  font-size: 10px;
}


/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
  background-color: cornflowerblue;
}
.sidenav a.active {
  background-color: rgb(155, 24, 24);
}


.head2       { font-family: Tahoma; font-size: 14pt; font-weight: bold}
.suppRow     { color: #C0C0C0; font-size:10pt; font-family:Tahoma}
.evenRow     { color: #c375e2; font-size:10pt; font-family:Tahoma; background-color:rgba(105, 105, 105, 0.6)}
.oddRow      { color: rgb(0, 132, 255); font-size:10pt; font-family:Tahoma}
.starPlayer  { color: #008080; font-size:10pt; font-family:Tahoma}
.evenGame    { color: rgb(145, 1, 1); font-size:10pt; font-family:Tahoma; background-color:#C0C0C0}
.oddGame     { color: #067ee0; font-size:10pt; font-family:Tahoma}
.top8        { font-weight:bold; font-size:10pt; font-family:Tahoma; background-color:#6675ff}
.winRow      { color: #008080; font-weight:bold; font-size:10pt; font-family:Tahoma}
.drawRow     { color: #FF00FF; font-size:10pt; font-family:Tahoma}
.gameRow     { font-weight: bold; padding: 0; font-size:10pt; font-family:Tahoma}
.groupRow    { font-weight: bold; vertical-align:center; font-size:10pt; font-family:Tahoma}
.totalRow    { font-weight: bold; vertical-align:right; font-size:10pt; font-family:Tahoma}
.headRow     { font-weight: bold; font-size:10pt; font-family:Tahoma}
td           { font-family: Tahoma; font-size: 10pt}
tr           { font-family: Tahoma; font-size: 10pt}