header, nav, section, footer {
    display: block;
}
header {
    //background-color: yellow;
	margin-left:auto; 
	margin-right:auto;
	margin-top:10px;
}
nav {
    //background-color: orange;
	margin-left:auto; 
	margin-right:auto;
}
section {
    //background-color: yellowgreen;
	margin-left:auto; 
	margin-right:auto;
}
footer {
    background-color: black;
	margin-left:auto; 
	margin-right:auto;
	position: fixed; 
    bottom: 0px; 
    height: 40px;
    width:100%;
}
}



#header { margin-left:auto; margin-right:auto; margin-top:10px;}
#nav { margin-left:auto; margin-right:auto;}
#section { margin-left:auto; margin-right:auto;}
#footer {  margin-left:auto; margin-right:auto; bottom: 0px; height: 40px; width:100%;background-color: black;}


body      { margin: 0; padding: 0; background-color: #000000; scrollbar-face-color: #000000; scrollbar-highlight-color: #000000;
           scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #cccccc;
		   scrollbar-track-color: #333333; scrollbar-darkshadow-color: #000000; overflow: scroll;} 
		   

a {font-family: Verdana, Arial;	font-size: 15px; color: #cccccc; text-decoration: none; font-weight: bold;}
a:link    { color:#ffffff; text-decoration:none; }
a:visited { color:#fffff0; text-decoration:none; }
a:hover   { color:#147C5E; text-decoration:none; }
a:active  { color:#ffffff; text-decoration:none; }
a:focus   { color:#147C5E; text-decoration:none; }

div {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 15px; color: #cccccc; text-decoration: none; font-weight: bold;}

.button {    border: #5858FA; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; color: #cccccc;align:center;}
.button1 {    border: #5858FA; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; color: #ffffff;align:center;}
.button2 {   color:#cccccc; border: #5858FA;  border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style:solid;}
.button3 {  color:#cccccc; border: #5858FA;  border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-style:solid;}
.button4 {    border: #2CC197; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; color: #cccccc;align:center;}

select  {
    background: rgba(0,0,0,1);
    color:#ffffff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

submit  {
    background: rgba(0,0,0,0);
    color:#cccccc;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}


.hover {
 /* font-size: 2rem; */
  position: relative;
  display: inline-block;
}

.hover::after,
.hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #5858FA, #2CC197);
  bottom: -3px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.hover::before {
  top: -5px;
  transform-origin: left;
}

.hover:hover::after,
.hover:hover::before {
  transform: scaleX(1);
}