*{

  margin                 : 0;
  padding                : 0;
 
}



body{

  background             : black; 

}



.link_rel{

  background-color        : RGBA(23,23,23,0.8);
  padding                 : 12px;   
  margin-top              : 25px; 

}



.link_rel_lnk{

  text-align              : center;
  color                   : gray;
  font-family             : arial;
  font-size               : 11px;
  padding                 : 7px; 
  text-decoration         : none;

}



.link_rel_lnk:hover{

  text-decoration         : underline;
  font-weight             : bold;
  color                   : #3BB9FF;

}



.login_pan{

  width                  :13%;
  height                 :50px;
  position               :relative; 
  margin                 :0 auto;

}


input[value="Log in"]{
 
  background             : #37FD90;
  padding                : 2px;
  color                  : black;

}



input[value="Create"]{

  background             : pink;
  padding                : 2px;
  color                  : black;

}



input[value="Log in"]:hover{
    
  color                  : #fff;
  cursor                 : pointer;
  background             : #000;
  
}



input[value="Create"]:hover{
    
  color                  : #fff;
  cursor                 : pointer;
  background             : #000;
    
}


.Query{

    margin-top            : 7%;
    text-align            : center;
    font-size             : 9px;

}


.Query a{

    color                 : #40a6e6;

}

.Query a:hover{

    font-weight           : bold;
    color                 : gray;

}


.footr{

  background-color        : RGBA(23,23,23,0.8);
  padding                 : 12px;   
  margin-top              : 17.5%;

}



.footr p{

  text-align              : center;
  color                   : gray;
  font-family             : arial;
  font-size               : 11px;
  padding                 : 7px;  

}