html
{
  background:#000000;
  background-color: #000000;
  background-attachment:fixed;
  background-repeat:no-repeat;
  border-color:#000000;
  font-family: 'VT323', monospace;
  font-size: 25px;
  height:100%;
  width:100%;
  color: white ;
  }

/*== stings ==*/
.sting {
   transition: all .30s ease-in-out;
   -moz-transition: all .30s ease-in-out;
   -webkit-transition: all .30s ease-in-out;
}

.sting-red {
  background-color: red;
  color: red;
}
.sting-red a:hover {
  background: red !important;
  box-shadow:  0 0 1px 1px red !important;
}

.sting-green {
  background-color: green;
  color: lightgreen;
}
.sting-green a:hover {
  background: green !important;
  box-shadow:  0 0 1px 1px green !important;
}
/*============*/

#GlobalWrapper {
opacity: 0.60;  
margin: auto;
width: 70%;
}

#GlobalWrapper a:hover {
background: #191919;
box-shadow:  0 0 1px 1px #191919;
color: white;
border-color: inherit;
}
#bg {
  position: absolute; 
  top: 0%; 
  left: 0%; 
  width: 50%; 
  z-index: -2;
}
#bg img {
  position: absolute; 
  top: 41; 
  left: 0; 
  right: 0; 
  bottom: -250; 
  margin: auto; 
  min-width: 1%;
  min-height: 50%;
}
a
{
  color: inherit;
  outline:0;
  text-decoration:none;
  font-weight: bold;
}

.modal a {
  margin: 0 auto;
}

.modal {position:relative; padding: 10px; display: inline-block;}
.modal:before, .modal:after, .modal>:first-child:before, .modal>:first-child:after {
    position:absolute;
    width:15px; height: 15px;
    border-color:white; /* or whatever colour */
    border-style:solid; /* or whatever style */
    content: ' ';
	opacity: 0.;
}
.modal:before {top:0;left:0;border-width: 3px 0 0 3px}
.modal:after {top:0;right:0;border-width: 3px 3px 0 0}
.modal>:first-child:before {bottom:0;right:0;border-width: 0 3px 3px 0}
.modal>:first-child:after {bottom:0;left:0;border-width: 0 0 3px 3px}



/*-------------------------*/
#Copy {position: relative; 
  left:1px;
  top:55px;
  color:white}