:root {
    --green: #428c2d;
  --brighter_brown: #ae6032;
  --milky_brown: #c8b7ad;
  --main_brown: #311e16;
  --button_green: #2b5511;
  --white_brown: #e3cabb;

}

body {
    -webkit-touch-callout: none; /* iOS Safari */
    -moz-user-select: none; /* Firefox */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
    -webkit-tap-highlight-color: transparent;

    text-align: center;
    justify-content: center;

    margin: 0;

    background-color: var(--main_brown);

    color: var(--white_brown);
    font-size: 3.2rem;
	font-family: Caudex;	
 
    margin: auto;
	
	box-shadow: 0 0 100vh rgb(0 0 0 / 50%) inset;
}

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

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

#historikk {
	padding-bottom: 10rem;
}

.content {
	max-width: 85%;
	margin-left: auto;
	margin-right: auto;
}

.content-spill {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

h2 {
    font-size: 7.5rem;
	padding-top: 7%;
    margin: 0 0 -4.5rem 0;
    color: var(--green);
}

h3 {
   font-size: 6.4rem;
  margin: 8rem 0 0 0;
}

table {
    margin: 0 auto;
    /*! box-shadow: 0 2px 4px rgba(0, 0, 0, 1); */
    padding: 4px;
	font-size: 2.8rem;
	width: 100%;
}

#ledertavle {
	font-size: 3.5rem;
	width: 74%;
}

td, th {
  padding-left: 6px;
  padding-right: 6px;
	text-align: right;
}

td:first-child, th:first-child {
	text-align: left;
}

select, input {
  font-family: inherit;
  margin: 1rem 0 0.1rem 0;
  width: 35%;
  border-radius: 16px;
  border: 0;
}

select {
  font-size: 2.8rem;
  height: 6rem;
  text-align: center;
  background-color: var(--milky_brown);
  color: var(--main_brown);
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

input {
	font-size: 3rem;
	height: 6rem;
    background-color: var(--brighter_brown);
    color: var(--milky_brown);
}

#logopng {
    padding-top: 2%;
}

#submitter {
	font-family: inherit;
  margin: 1.5rem 0 2.5rem 0;
	width: 50%;
	margin-bottom: 26rem;
}

#chartContainer {
	width: 100%;
	margin: 4rem 0 4rem 0;
	background-color: white;
	border-radius: 16px;
}
	
#eloChart {
	width: 100%;
	height: 100%; // Adjust height as necessary	
}

#leaderboard {
	margin: 3.2rem 0 -0.5rem 0;
}

ol {
  text-align: left;
  font-size: 2.5rem;
  margin: 0 3% 2% 5%;
}

h4 { 
	margin: 2% 3% 2% 5%;
	text-align: left; 
}