:root {
  --body-background-image: url('../Assets/leaves.gif');
  --body-image: url('../Assets/Bark.png');
	}
* {
  margin:0;
  padding:0;
	}
a:link,a:visited {
  color:#ffffff;
}
p {
  padding:10px;
}
h1 {
  text-align:center;
}
body {
	font-family: 'Courier', monospace;
  background-size: 200px;
  color: #ffffff;
  background-image:var(--body-background-image);
}
main {
  width:100%-20px;
  background-size: 64px;
  color: #ffffff;
  background-image:var(--body-image);
  list-style-position:inside;
  padding:10px
}
header, footer {
  width:100%;
  background-size: 64px;
  color: #ffffff;
  background-image:var(--body-image);
}
iframe {
  width:100%;
  border:none;
  display:block;
}
#content, #footer, #header {
  width:50%;
  margin:auto;
}
details {
  margin-left:20px;
}

summary {
  margin-left:-20px;
}