#infobutton {width:5vw;height:5vw;top:0px;left:95vw;position:fixed;background:tran;cursor:pointer;opacity:0.5;transition: opacity 1s;}
#infobutton div {width:2.8vw;height:0.55vw;position:fixed;background:#000;border:1px solid #fff;top:2vw;left:95vw;position:fixed;}
#infobutton div.line2 {top:3.2vw;}
#infobutton div.line3 {top:4.4vw;}

#infopanel {font-family: 'Source Code Pro', monospace;
			min-width:7vw;min-height:7vw;top:1vw;right:1vw;position:fixed;background:#fff;cursor:arrow;
			display:none;margin:0vw;opacity:0;transition: opacity 0.5s, margin 0.5s;
			padding:2vw 3vw 2vw 3vw;font-size:1vw;box-shadow: 5px 10px 10px rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.1);
			-webkit-user-select: none; -ms-user-select: none; user-select: none;text-align:right;}
#infopanel a, #infopanel h3 {color:#000;display:block;text-align:right;text-decoration:none;padding:0.5em 0px 0.5em 2.5vw;margin:0px;margin-left:0.4vw;}
#infopanel a {color:#888;}
h1 {margin-bottom:0.5em;}
#infopanel a:hover {color:#000;}
#infopanel a:hover span {text-decoration:underline;} 

@media screen and (max-width: 1024px) { 
	#infopanel {font-size:2vw;}
	#infobutton {width:10vw;height:10vw;left:90vw;}
	#infobutton div {width:5.6vw;height:1.1vw;top:4vw;left:90vw;}
	#infobutton div.line2 {top:6.4vw;}
	#infobutton div.line3 {top:8.8vw;}
}
@media screen and (max-width: 600px) { 
	#infopanel {font-size:3vw;}
	#infobutton {width:15vw;height:15vw;left:85vw;}
	#infobutton div {width:8.4vw;height:1.65vw;top:6vw;left:85vw;}
	#infobutton div.line2 {top:9.6vw;}
	#infobutton div.line3 {top:13.2vw;}
}