:root {
	--orange: #B16004;
	--gold: #DEA127;
	--brown: #433B1A;
	--dark: #302204;
  --red: #8A2109;
}


.Main {
  width: 70%;
  margin-left: 25%;
  padding: 1%;
  background-color: var(--dark);
  color: var(--orange);
  outline-offset: 4px;
}

.Main, .Sidebar {
  border-radius: 20px;
  color: var(--gold);
  }

ul {
  list-style: none;
  }

.Sidebar {
  width: 20%;
  padding: 1%;
  margin-left: 1%;
  height: 90%;
  background-color: var(--dark);
  outline: 1px solid var(--gold);
  outline-offset: 4px;
  position: absolute;
}

a {
  text-decoration: none;
  }

a:link {
  color: var(--gold);
  }

a:visited {
  color: var(--orange);
}

a:hover {
  color: var(--red);
  background-color: var(--gold);
}

a:active {
  color: var(--gold);
}

iframe {
  border: none;
  width: 99%;
  height: 250px;
  }