canvas { width: 100%; height: 100% }
body {
	font-family: Monospace;
	background-color: #555555;
	margin: 0px;
	overflow: hidden;
	/*background-image: linear-gradient(#1A8FCF,#D1236A);*/
	background-image: linear-gradient(#555555,#111111);
}
#info {
	font-size: 18px;
	position: absolute;
	padding: 10px;
	width: 100%;
	text-align: center;
	color: white;
}
#roadmap {
	background-color: rgba(50, 50, 50, .5);
	color: white;
	/*width: 100%;*/
	position: absolute;
	display: inline-block;
	margin: 80px 10px 10px 10px;
	padding: 10px 10px 10px 10px; 
}
a {
	text-decoration: underline;
	cursor: pointer;
}
.bottomright {
	position: absolute;
	bottom: 8px;
	right: 16px;
	font-size: 14px;
	color: white;
  }
.button1{
	display:inline-block;
	padding:0.35em 1.2em;
	border:0.1em solid #FFFFFF;
	margin:0 0.3em 0.3em 0;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	transition: all 0.2s;
	background-color:rgba(0, 0, 0, 0.0);
	border-width: 0.15em;
}
.button1:hover{
	color:#4c4c4c;
	background-color:#FFFFFF;
}
/* @media all and (max-width:30em){
	 .button1{
	display:block;
	margin:0.4em auto;
	 }
} */