

<!--


@media only screen and (min-width: 800px){
body {
	background-color:#001300;
	color: white;
	font-family: verdana;
	font-size: 15px;
}

.grid-container {
  display: grid;
  grid-template-rows: 50px 50px 50px 50px 50px;
  grid-template-columns: 11em 10em 10em 10em 11em;
  justify-content: center;
  grid-gap: 5px;
  grid-template-areas:
  "area1 area1 area1 area1 area1"
  "area2 area2 . area3 area3"
  "area2 area2 area4 area4 area4"
  "area5 area5 area5 area5 area5"
  "area6 area6 area6 area6 area6";
}
.grid-item1 {
  background: #001300;
  text-align: center;
  border: black 0px solid;
  grid-area: area1;
}

.grid-item2 {
  background: #001300;
  text-align: center;
  border: black 2px solid;
  grid-area: area2;
}

.grid-item3 {
  background: green;
  text-align: center;
  border: black 2px solid;
  grid-area: area3;
}
.grid-item4 {
  background: blue;
  text-align: center;
  border: black 2px solid;
  grid-area: area4;
}

.grid-item5 {
  background: red;
  text-align: center;
  border: black 2px solid;
  grid-area: area5;
}
.grid-item6 {
  background: #001300;
  text-align: center;
  border: black 0px solid;
  grid-area: area6;
}

#scrollToTop, #scrollToBottom
        {
             cursor:pointer;
             background-color:#001300;
             display:inline-block;
             height:40px;
             width:40px;
             color:#fff;
             font-size:16pt;
             text-align:center;
             text-decoration:none;
             line-height:40px;
        }
		
p {
  font-family: verdana;
  font-size: 10px;
}
	p1 {
  font-family: verdana;
  font-size: 12px;
}

input[type=text] {
  width: 80%;
  font-family: verdana;
  font-size: 10px;
 }
 input[type=password] {
  width: 80%;
  font-family: verdana;
  font-size: 10px;
 }
 input[type=submit] {
  
 font-size: 10px;
 }

h1 {color: white;}
h2 {color: white;}
h3 {color: white;}
a:link{
text-decoration:underline;
color:white;
}
a:hover{
text-decoration:none;
background-color:yellow;
}
a:visited{
text-decoration:none;
color:white;
}
a:visited:hover{
text-decoration:none;
}
.res{
	width:60%;
	/*max-width:100%;*/
	height: auto;
	}

}

@media only screen and (max-width: 800px){
	body{
		color:white;
		background-color:#001300;
		font-family: verdana;
		font-size: 20px;
		
	}
	
.grid-container {
  display: grid;
  grid-template-rows: 50px 50px 50px 50px 50px;
  grid-template-columns: 11em 10em 10em 10em 11em;
  justify-content: center;
  grid-gap: 5px;
  grid-template-areas:
  "area1 area1 area1 area1 area1"
  "area2 area2 . area3 area3"
  "area2 area2 area4 area4 area4"
  "area5 area5 area5 area5 area5"
  "area6 area6 area6 area6 area6";
}
.grid-item1 {
  background: #001300;
  text-align: center;
  border: black 0px solid;
  grid-area: area1;
}

.grid-item2 {
  background: #001300;
  text-align: center;
  border: black 2px solid;
  grid-area: area2;
}

.grid-item3 {
  background: green;
  text-align: center;
  border: black 2px solid;
  grid-area: area3;
}
.grid-item4 {
  background: blue;
  text-align: center;
  border: black 2px solid;
  grid-area: area4;
}

.grid-item5 {
  background: red;
  text-align: center;
  border: black 2px solid;
  grid-area: area5;
}
.grid-item6 {
  background: #001300;
  text-align: center;
  border: black 0px solid;
  grid-area: area6;
}

	#scrollToTop, #scrollToBottom
        {
             cursor:pointer;
             background-color:#001300;
             display:inline-block;
             height:40px;
             width:40px;
             color:#fff;
             font-size:16pt;
             text-align:center;
             text-decoration:none;
             line-height:40px;
        }
		
	p {
  font-family: verdana;
  font-size: 10px;
}
	p1 {
  font-family: verdana;
  font-size: 12px;
}

input[type=text] {
  width: 80%;
  font-family: verdana;
  font-size: 10px;
 }
 input[type=password] {
  width: 80%;
  font-family: verdana;
  font-size: 10px;
 }

input[type=submit] {

  font-size: 10px;
 }
		h1{color:white;}
		h2{color:white;}
		h3{color:white;}
		a:link{
			text-decoration:none;
			color:white;
		}
		a:hover{
			text-decoration:none;
			background-color:yellow;
		}
		a:visited{
			text-decoration:none;
			color:white;
		}
		a:visited:hover{
			text-decoration:none;
			color:white;
		}
	
	.res{
	width:90%;
	/*max-width:100%;*/
	height: auto;
	}
}


 -->