@import url('https://fonts.googleapis.com/css?family=Roboto');


body {
  background-color: #fae3ea /* #f7ebdb #ecf0f1 #e3bfd3 #cdadd9 #93ff8e #c09ec1 #964d94*/;
font-family: 'Roboto', sans-serif;
}

h1 {
color: #471f5a;
text-align: left;
font-size: 50px;
font-family: 'Roboto', sans-serif;
margin-bottom: 0px;
margin-top: 1px;
}


h2 {
  color: #471f5a /*#5b5b5b /*#FFFFFF*/;
  text-align: left;
  font-size: 20px;
font-family: 'Roboto', sans-serif;
}


h5 {
  font-size: 1px;
}

h3 {
  color: #471f5a /*#5b5b5b /*#FFFFFF*/;
  text-align: left;
  font-size: 20px;
font-family: 'Roboto', sans-serif;
}



p, ul, li {
  color:  #292929 /*#5b5b5b /*#FFFFFF*/;
  font-size: 20px;
font-family: 'Roboto', sans-serif;
}

a {
  color:  #6a2aa6  /* #c90076 /* #3d85c6 /* #afbeff */;
font-family: 'Roboto', sans-serif;
}

a:hover {
	color:#228065 /*#273f7b*/;
}

/* old */

.lw, p img, li img, h1 img, h2 img, h3 img, h4 img, dt img, td img {
	max-height: 1em;
	max-width: 1em;
	vertical-align: middle ;
}

img { max-width: 100% ; }

main {
	/*max-width: 1000px ;*/
	margin: auto ;
}

header h1 {
	text-align: left ;
}

/*
h1,h2,h3,h4,h5,h6 {
	text-align: center ;
}
*/

nav,footer {
	text-align: left ;
	clear: both ;
	border-radius: 20px ;
	margin: auto ;
}
nav li,footer li {
	display: inline-block ;
	list-style: none ;
	border-radius: 10px ;
	padding: .5em ;
	max-width: 7em ;
}
nav ul, footer ul, #taglist {
	padding: 0;
	margin: .5em;
}


@media (min-width: 1200px) {
	nav {
		float: left ;
		width: 175px ;
		position: fixed ;
		text-align: left ;
		font-size: large ;
	}
	nav li {
		display: block ;
		text-align: center ;
		margin: .5em auto ;
	}
}