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

}
body {
	font: 100%  "Times New Roman", Georgia, Times, serif; 
/*	font: 100%    "Arial", Verdana, Roboto, sans_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;
}
.pitem{
	text-align: center;
	font-size: 1.2vw;
	font-weight: bold;
}
.pitem1{
	text-align: left;
	font-size: 1vw;

}
pre {
	font-size: 1.5vw;
	margin: 10 10 20em;
	color: white;
}

.highlight {
            background-color: yellow; /* Or any other color code (e.g., #FFFF00, rgb(255, 255, 0)) */
}

.blinking2{
    animation:blinkingText 2s infinite;
}
.blinking3{
	color: white;
	text-align: center;
    animation:blinkingText 3s infinite;
}
.blinking4{
	color: white;
	text-align: center;
    animation:blink 4s infinite;
}
.blinking5{
    animation:blinkingText 5s infinite;
}
.blinking6{
	color: white;
	text-align: center;
    animation:blink 6s infinite;
}
.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;
}
.item4{
display: inline-block;
	width:80%;

	padding: 4px;
	color: white;
	border-color: white;
	border-style: double;
	border-width: 4px 4px; 

	font-size: 1.5vw;
}
.item5 {
	display: inline-block;
	width:45%;
	font-size: 1.2vw;
	padding: 5px;

}
.item6 {
	padding: 5px;
	border-color: white;
	border-style: double;
	border-width: 4px 4px;
	
}
.tiles-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.tile {
    flex: 1 0 50px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
	color: white;
	font-size: 1vw;
}
@keyframes blink{
    0%{     color: white;    }
    25%{    color: white; }
    50%{    color: yellow; }
    75%{    color: yellow;  }
    100%{   color: transparent;    }
}

@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%;
	color: white;
}


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%;
}*/
table, th, td, tr {
  
  border:1px solid white;
  color: red;
}
table{
	color: white;
}
th:nth-child(odd),td:nth-child(odd) {
  background-color: blue;
}
th:nth-child(even),td:nth-child(even) {
  background-color: green;
}

/*
tr:nth-child(even) {
  background-color: rgba(150, 212, 212, 0.4);
}

th:nth-child(even),td:nth-child(even) {
  background-color: rgba(150, 212, 212, 0.4);
}
*/
.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%;
}


}

@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%;
}
}