body {background-color: black; font-family: Verdana, sans-serif; color: #F1BE48;}

#intro {position: absolute; border: 5px solid #F1BE48; border-radius: 25px; width: 700px; height: 400px; padding: 30px; margin-left: 20%; margin-top: 6%; overflow: scroll;}
	
#btn_intro {border: 2px solid #F1BE48; border-radius: 25px; color: #F1BE48; background-color: black; width: 40px; height: 30px; margin-left: 45%;}	

#btn_skip{border: 2px solid #F1BE48; border-radius: 25px; color: #F1BE48; font-size: 18px; background-color: black; width: 100px; height: 50px; position: absolute; margin-left: 0%;}

#invasive {display: none; border: 5px solid #418fde; border-radius: 25px; height: 70px; width: 315px; padding: 20px; text-align: center; z-index: 0; position: absolute; margin-top: 37%;}

#invasive_panel {border: 2px solid #418fde; border-radius: 25px; height: 500px; width: 350px; padding: 20px; display: none; z-index: 0; position: absolute; margin-left: 30%; margin-top: 4%; overflow: scroll;}

#btn_invasive {border: 2px solid #418fde; border-radius: 25px; color: #418fde; background-color: black; width: 40px; height: 30px; margin-left: 45%;}

#care{border: 5px solid #da291c; border-radius: 25px; height: 75px; width: 350px; padding: 10px; text-align: center; z-index: 0; position: absolute; margin-left: 25%; margin-top: 2%; display: none;}

#care_panel {border: 2px solid #da291c; border-radius: 10px; overflow: scroll; height: 365px; width: 350px; padding: 15px; display: none; z-index: 0; position: absolute; margin-left: 25%; margin-top: 11%;}
	
#btn_care {border: 2px solid #da291c; border-radius: 25px; color: #da291c; background-color: black; width: 40px; height: 30px; margin-left: 45%;}	
	
#nonnative {border: 5px solid #418fde; border-radius: 25px; height: 75px; width: 325px; padding: 5px; text-align: center; z-index: 0; position: absolute; margin-left: 67%; margin-top: 36%; display: none;}

#nonnative_panel {border: 2px solid #418fde; border-radius: 10px; overflow: scroll; height: 390px; width: 350px; padding: 15px; display: none; z-index: 0; position: absolute; margin-left: 65%; margin-top: 2%;}
	
#btn_nonnative {border: 2px solid #418fde; border-radius: 25px; color: #418fde; background-color: black; width: 40px; height: 30px; margin-left: 45%;}	

#exit {display: none; position: absolute; border: 5px solid #F1BE48; border-radius: 25px; width: 600px; height: 350px; padding: 10px; margin-left: 25%; margin-top: 10%;}

#btn_exit {border: 2px solid #F1BE48; border-radius: 25px; color: #F1BE48; background-color: black; width: 100px; height: 30px; margin-left: 42%;}

#tribble {display: none; position: absolute; z-index: 8; margin-left: 70%;}

#tribble2 {position: absolute; z-index: 7; display: none; margin-left: 70%; margin-top: 19%}

#tribble3 {position: absolute; display: none; z-index: 6; margin-left: 60%; margin-top: 20%;}

#tribble4 {position: absolute; display: none; z-index: 5; margin-left: 75%; margin-top: 10%;}

#tribble5 {position: absolute; display: none; z-index: 3; margin-left: 60%; margin-top: 10%;}

#tribble6 {position: absolute; display: none; z-index: 4; margin-left: 65%; margin-top: 5%;}

#tribble7 {position: absolute; display: none; z-index: 2; margin-left: 80%; margin-top: 2%;}

#tribble8 {position: absolute; display: none; z-index: 1; margin-left: 75%; margin-top: 0%;}

#tribble9 {display: none; position: absolute; z-index: 2; margin-left: 23%;}

#tribble10 {position: absolute; z-index: 7; display: none; margin-left: 30%; margin-top: 24%}

#tribble11 {position: absolute; display: none; z-index: 7; margin-left: 17%; margin-top: 27%;}

#tribble12 {position: absolute; display: none; z-index: 5; margin-left: 28%; margin-top: 16%;}

#tribble13 {position: absolute; display: none; z-index: 3; margin-left: 41%; margin-top: 25%;}

#tribble14 {position: absolute; display: none; z-index: 4; margin-left: 28%; margin-top: 5%;}

#tribble15 {position: absolute; display: none; z-index: 2; margin-left: 40%; margin-top: 14%;}

#tribble16 {position: absolute; display: none; z-index: 1; margin-left: 38%; margin-top: 0%;}