@charset "UTF-8";
html {
	background: white;

}
body {
	font: 100%  "Times New Roman", Georgia, Times, serif;
	line-height: 1.4;
	width: 95%;
	margin: 0 auto;
	color: white;
/*	color: #2B3A42; */
	background: white;
	border-color: blue;
	border-style: double;
	border-width: 8px 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 20px 20px 20px 20px;
/*	background-color: lightblue; */
	background-color: black;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
h1, h2, h3, h4, h5, h6 h7 h8{
	font-size: 4vw;
	font-weight: normal;

	color: white;
} h1{  color: white; font-size: 4vw;
	font-weight: bold; text-align:center; 
/*	background: rgb(25, 25, 100); */
} 
h2 {
	
	font-size: 3vw;
	margin: 0 0 .5vw;
	border-bottom: 1px solid white;
}
h3 {
	font-size: 2.5vw;
	margin: 0 0 .5vw;
	border-bottom: 1px solid white;
}
h4 {
	font-size: 2vw;
	font-weight: bold;
	margin: 0 0 .5vw; 
	border-bottom: 1px solid white;
}
h5 {
	font-size: 1.5vw;
	font-weight: bold;
	margin: 0 0 .5vw;
}
h6 {
	font-size: 1vw;
	font-weight: bold;
	margin: 0 0 1vw;
}
h7 {
	font-size: 1vw;
	font-weight: bold;
	color: teal;
	margin: 0 0 1vw;
}
h8 {
	
	color: black;
	font-size: 3vw;
	margin: 0 0 .5vw;
	border-bottom: 1px solid white;
}
p {
	font-size: 1.5vw;
	margin: 10 10 20em;
	color: white;
}


.img-container {
	display: block;
	text-align: center;
}
.comments {
	display: block;
	text-align: left;
	width: 80%;
	margin-left :10%;
}


blink {
        animation: blinker 1s linear infinite;
        color: black;
}

ul.a { 
  	display: block;
	list-style-type: "\1F44D";
 	margin-top: 0em;
  	margin-bottom: 0em;
  	margin-left: 0;
  	margin-right: 0;
  	padding-left: 80px;
} 
li span{
	display:block;
	margin-left:2em;
	color:red;
}
ol.b { 
list-style-type: decimal;
}
a:link, a:visited {
	color: #7F3719;
}
a:hover {
	color: white;
}
a:active {
	outline: 0;
	background: rgb(210,183,143);
}
a:focus {
	outline: 1px solid red;
}
h2 a:link, h2 a:visited {
	color: #7F3719;
	text-decoration: none;
}
h2 a:hover, h2 a:focus {
	color: white;
}
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0.2vw 0.5vw;
	margin-bottom: 1vw;
	background: black;


}
nav li {
	display: inline;
	font: Georgia;
	font-size: 1.5vw;
	font-weight: normal;
	margin-right: 1vw;
	color: white;

}
nav a:link, nav a:visited {
	color: white;
	text-decoration: none;
	text-shadow: none;
}
nav a:hover, nav a:focus {
	color: #FF530D;
}
a.current:link, a.current:visited, a.current:hover {
	color: blue;
	cursor:default;
}

.author {
	font-weight:bold;
	display:block;
}
.footer {position: fixed;left: 0;bottom: 0;width: 100%;background-color: green;color: grey ;text-align: left;}  

table {
  border-collapse: collapse;
  width: 80%;
}
.dropbtn {
  font: 100% Georgia, "Times New Roman", Times, serif;
  background-color: white;
  color: black;
  padding: 16px;
  font-size: 1em;
  border: none;
}
.boxed {
	 border: 1px solid green ;
} 

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  font-size: 0.8em;
  color: black;
  padding: 12px 24px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

@media only screen and (min-width: 830px) {

section {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 2em;
}
section h2 {
	font-size: 1.4em;
	margin: 0 0 .2em;
}

.item {
display: inline-block;
	width:30%;
}
div.scroll {
	background-color: lightteal; width: 1000px;height: 350px;margin-left: auto;margin-right: auto;overflow: auto;
}
.item1 {
display: inline-block;
	width:40%;
/*	border-color: white;
	border-style: double;
	border-width: 8px 8px; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 50px;
	margin-left: 50px; */
	border-radius: 15px 50px 30px;;
	padding: 20px;
	background-color: white;
	color: black;
	border-color: blue;
	border-style: double;
	border-width: 8px 8px; 

}
div.scroll {
	background-color: lightteal; width: 800px;height: 200px;margin-left: 50px;margin-right: 50px;overflow: auto;
}

.item2 {
	display: inline-block;
	width:10%;
}
.item3 {
	display: inline-block;
	width:40%;
}
@media only screen and (max-width: 829px) {
body {
	width: 80%;
}
section h2 {
	font-size: 1.4em;
	margin: 0 0 .2em;
}
section p {
	font-size: 5em;
	margin: 10 10 20em;
}
.center {
	display: "block";
	marginLeft: "auto";
	marginRight: "auto";
	width: "50px";
}
.rounded {
	border-radius: 30%;
}
}

