body{
background: #0e140b;
background: linear-gradient(90deg,rgba(14, 20, 11, 1) 0%, 
  rgba(13, 18, 4, 1) 100%, rgba(19, 79, 13, 1) 26%,
   rgba(12, 54, 12, 1) 53%, rgba(5, 36, 5, 1) 77%,
    rgba(2, 28, 1, 1) 96%, rgba(20, 20, 2, 1) 37%);

}

h1{
	color:white;
	text-shadow:1px 1px 1px black;

}
h3{
	color:yellow;
	text-shadow:1px 1px 1px black;
	font-size: 1em;

}

	.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: relative;
  top: 0;
  left: 0;
 background: #0e140b;
background: linear-gradient(90deg,rgba(14, 20, 11, 1) 0%, rgba(13, 18, 4, 1) 100%, rgba(19, 79, 13, 1) 26%, rgba(12, 54, 12, 1) 53%, rgba(5, 36, 5, 1) 77%, rgba(2, 28, 1, 1) 96%, rgba(20, 20, 2, 1) 37%);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1.2em;

  color: white;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
  color: yellow;
}




.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color:#444;
}