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

}
body {
	font: 100%  "Times New Roman", Georgia, Times, serif;
	line-height: 1.4;
	width: 80%;
	margin: 0 auto;
	color: #2B3A42;
	background: black;
}
.header{
	margin: 0 auto;
	width: 50%;
}
/*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 {
	font-size: 4vw;
	font-weight: normal;

	color: white;
} h1{  color: orange; font-size: 4vw;
	font-weight: bold; text-align:center; } 
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: 2vw;
	font-weight: bold;
	margin: 0 0 .5vw;
}
h6 {
	font-size: 1vw;
	font-weight: bold;
	margin: 0 0 1vw;
}
p {
	font-size: 1.5vw;
	margin: 10 10 20em;
	color: white;
}
.blinking2{
    animation:blinkingText 2s infinite;
}
.blinking5{
    animation:blinkingText 5s infinite;
}
@keyframes blinkingText{
    0%{     color: white;    }
    49%{    color: orange; }
    60%{    color: transparent; }
    99%{    color: transparent;  }
    100%{   color: white;    }
}
.list{
	font-size: 2vw;
	
	color: orange;

}


.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;
} 
ul.b { 
  	display: block;
	list-style-type: "\2B9A"; /*UTF-8 Character*/
	margin: 0;
	padding: 0.2vw 0.5vw;
	margin-left: 5vw;
	margin-bottom: 1vw;
	background: black;
	color : white;
	font-size: 2vw;
	text-indent: 20px;

 
} 
li.b{
	display:block;
	margin-left:2em;
	color : white;
	font-size: 5vw;
	font-weight: bold;
    background: black;
}
li span{
	display:block;
	margin-left:2em;
	color:black;
}
ol.b { 
list-style-type: decimal;
}
a:link, a:visited {
	color: orange;
}

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: 2vw;
	font-weight: normal;
	margin-right: 2vw;
	color: orange;

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

.author {
	font-weight:bold;
	display:block;
}
.footer {position: fixed;left: 0;bottom: 0;width: 100%;background-color: light blue;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;
}
.listing{
	font-size: 2vw;
	font-weight: bold;
	margin: 0 0 .5vw;
}


.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;
}

.links {
	display: block;
	text-align: left;
	width: 80%;
	margin-left :10%;
}
.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:100%;

	padding: 4px;
	color: white;
	border-color: white;
	border-style: double;
	border-width: 4px 4px; 
	text-align: center;
	font-size: 1.5vw;
}
.item2 {
display: inline-block;
	width:30%;
}
.item3 {
display: inline-block;
	width:30%;
	font-size: 1.5vw;
	padding: 10px;
}
@media only screen and (max-width: 829px) {
body {
	width: 90%;
}
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%;
}
}