:root {
  --brown: #372616;
  --yellow: #ffff62;
}

body {
  background-image: url("../image/WMGgrass.png");
  background-size: auto;
  font-family: "Itim", serif;
  font-size: 0.4vw;
}

h1 {
  text-align: center;
}

h2 {
  text-align: center;
}

hr {
  border: 2px solid var(--brown);
  border-radius: 2px;
}

.logo {
  width: 13vw;
  cursor: pointer;
  float: inline-start;
}

.titleText {
  padding-left: 3vw;
  font-size: 5vw;
  color: #432e1a;
  float: left;
}

.btn-discord {
  float: right;
  vertical-align: middle;
  width: 20vw
}



.parent {
  display: grid;
  grid-template-columns: 20vw auto;
  grid-template-rows: auto auto;
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
}

.title {
  grid-area: 1 / 1 / 2 / 3;
}

.side {
  grid-area: 2 / 1 / 3 / 2;
}

.main {
  grid-area: 2 / 2 / 3 / 3;
}

button {
  font-family: "Itim", serif;
  background-color: var(--brown);
  color: var(--yellow);
  border-color: var(--yellow);
  border-width: 0;
  width: 95%;
  margin: 3%;
  height: 4vw;
  text-align: center;
  cursor: pointer;
  font-size: 2vw;
  border-radius: 0.8vw;
}

.buttonTitle {
  font-family: "Itim", serif;
  background-color: var(--yellow);
  color: var(--brown);
  width: 95%;
  margin: 3%;
  height: 4vw;
  text-align: center;
  font-size: 2vw;
  border-radius: 0.8vw;
  cursor: initial;
}

.buttonspace {
  background-color: transparent;
  border-color: transparent;
  height: 2vw;
  cursor: auto;
}

/* Change background color of buttons on hover */
button:hover {
  transition: 0.8s;
  background-color: #159801;
}

.buttonspace:hover {
  transition: 0.8s;
  background-color: transparent;
}

.buttonTitle:hover {
  transition: 0.8s;
  background-color: transparent;
}

/* Style the title scorecard */
.scorecardt {
  background-color: #ffff62;
  padding: 2vh;
  height: 10vw;
  border-radius: 0.8vw;
}

/* Style the tab content */
.scorecards {

  background-color: #ffff62;
  font-size: 1.5vw;
  padding: 0.5vw;
  height: auto;
  border-radius: 0.8vw;
}

.scorecardm {
  width: 98%;
  height: fit-content;
  background-color: #ffff62;
  font-size: 0.4vw;
  padding: 0.5vw;
  border-radius: 0.8vw;
}

object {
  width: 100%;
  height: 80vh;
  font-size: 0.6vw;
  border-radius: 0.8vw;
}

/* From Elite */