html{
	
    //*min-height: 100%;*//
}


body{
			
			background: url('greengif.gif');
			margin:10% 5% 5% 10%;
			scroll-behavior: smooth;
			background-repeat: no-repeat;
			background-size: cover;
			font-family: "EB Garamond", serif;
  			font-size: 1.8vw;
  			font-weight: 400;
  			font-style: normal;
		}
		#menu{
			
			margin:10% 0% 10% 0%;
				
		}
		
		.BigTitle{
			font-size: 2.6vw;
		}
	


button {
	background:none;
  font-family: "EB Garamond", serif;
	font-size:1.8vw;
  color: black;
  cursor: pointer;
  padding: 11px 18px 11px 30px ;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.8vw;
}


.notactive{}
.active, button:hover {
  background-color: rgba(0,255,0,0.50);
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  
}
#holder{
	margin-left: 5%;
	opacity: 0%;
	 transition: 0.3s;
}
/* The side navigation menu */
#sidenav {
 padding-left: 0%;
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 2; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background: url('greengif.gif');
 background-size:cover;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 10vh; /* Place content 60px from the top */
  transition: 0.4s; /* 0.5 second transition effect to slide in the sidenav */
}
#xbut{
	position:absolute;
	z-index: 2;
	top:2%;
	right:8%;
	cursor: pointer;
	font-size:3vw;
}
#mbut{
	z-index: 1;
	position:fixed;
	top:2%;
	left:2%;
	cursor: pointer;
	font-size:3.5vw;
}

@media (orientation: portrait) {
	
	body{
		margin:20% 5% 10% 10%;
		font-size:2.4vh;
	}
	button{
		font-size:2.4vh;
		padding: 18px 18px 18px 30px ;
	}
	.BigTitle{
			font-size: 3.2vh;
		}
	#mbut{
		top:1.2%;
		left:2%;
	
		font-size:5vh;
	}
	#xbut{
		font-size:5vh;
	}
}