* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}


body{
		background-image: url('https://moocyte.neocities.org/myst/assets/DniCavernview.png'); 
		background-size: cover;} 


footer {
display: flex;
	position: fixed; 
    bottom:1%;
border: none;
background-color: rgba(0, 0, 0, 0);
z-index: 98;
}


.popup {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	position: fixed;
	top: 210px;
	left: 520px;
	z-index: 97;
}

#exitbook {
	display: none;
		 position: fixed;       
  top: 0;
  left: 0;
  width: 100vw;          
  height: 100vh;         
  background-color: rgba(0, 0, 0, 0.3); 
  z-index: 95;
}

#linkfade{
  display: none;
		 position: fixed;       
  top: 0;
  left: 0;
  width: 100vw;          
  height: 100vh;         
  background-color: rgba(0, 0, 0, 0.2); 
  z-index: 99;
  }

.panel {
	position: fixed;
		width: 110px;
		top:250px;
		left: 760px;
		z-index: 100;
		border-radius: 2px;
}

.exitbutton {
	transition: transform 0.5s ease;
  transform: translateY(110px);
	max-width: 7%;
	display: flex;
	position: fixed; 
	right:10%;
    bottom:1%;
z-index: 98;
cursor: pointer;
}

.exitbutton:hover {
	transform: translateY(0px);
}