body {
	color: beige ;
	background: #111 ;
	/*margin-bottom: 200px ;*/
    	font-family: sans-serif ;
}
/*
html{
	-webkit-text-size-adjust:100%;
}*/
h1 {
	text-align: center ;
	color: lightgreen ;
}
.shine {
  -webkit-animation: shine 2s ease-in-out infinite alternate;
  -moz-animation: shine 2s ease-in-out infinite alternate;
  animation: shine 2s ease-in-out infinite alternate;
}
@-webkit-keyframes shine {
  from {
    text-shadow:0
    }
  to {
    text-shadow: 0 0 10px grey, 0 0 20px white, 0 0 30px #e241ea, 0 0 40px #e241ea, 0 0 50px #e241ea, 0 0 60px #e241ea;
}
}
header h1 {
	margin-top: 30px;
	font-size: 40px ;
}

h2 {
	text-align: center ;
	color: deeppink ;
	font-variant: small-caps;
	font-size: 24pt ;
	border-bottom: dashed #ddd 1px ;
	max-width: 400px ;
	margin: 1em auto ;
}

h3 {
    color: gold ;
}

/* "a" is for links. */
a {
    color: lightblue ;
}

/* The "hover" option, which can be used with pretty much anything, allows you
 * to set different settings if someone hovers over something with their mouse.
 * */
a:hover {
    color: white ;
}

main {
	position: relative;
	margin-right: 5%;
  margin-left: 5%;
	background: #100 ;
	color: #ddd ;
	padding: 1em ;
	/* border: dashed 1px #555 ;

	border-radius: 20px ; */
}

#canvas{
	position: fixed;
	top: 0px;
  left: -40px;
}
.Blog-Post {
	margin-right: 5%;
  margin-left: 5%;
	font-size:110%;
	line-height: 1.5;
}
li{
	margin: 10px;
}
.about{
	margin-top: 1%;
	margin-right: 5%;
  margin-left: 5%;
  margin-bottom: 2%;
/*	background: #100 ;
*/	padding: 1em ;
}