html {
    height: 100%;
}

  
body {
  background-image: url("../img/back.jpg");
	background-repeat: repeat-x;
  background-color: white;
  font-family: sans-serif;
  width: 3500px;
  height: 3500px;
  margin: 0px;
  padding: 0px;
}


#auth {
     background-color: white;
     padding: 30px;
     position: absolute;
     left: 350px;
     top: 100px; 
     font-family: 'Oswald';
     font-size: 26px;
     color: silver;
     z-index: 10; 
}



#authorizeButton {
  border: 0px;
  padding: 11px;  
  padding-left: 50px;
  background-color: #4771ED;
  color: white;
  background-image: url("../img/glogo.png");
  background-repeat: no-repeat;
  background-position: 3% 40%;

  margin: 20px 150px;
  
  -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;

}


#authorizeButton:hover {
  background-color: #1F56ED;
  cursor: pointer;  
}

#auth i {
 letter-spacing: 3px;
 
}
 
  #authorizeButton:disabled {
   background-color: silver;
}  


#black {
  background-color: black;
  width: 3500px;
  height: 3500px ;
  opacity: 0.7;
  position: absolute;
  z-index: 5;
  }


.drag, .undrag {
    font-family: 'Oswald';
     
		font-size: 36px;
		font-weight: 900;
		position: absolute;
		cursor: pointer;
    
    text-shadow: 1px 1px 3px grey;
    filter: dropshadow(color=grey, offx=1, offy=1);
}
 
	
	.green {
		color: #00933B;
  }
  
  .red {
  	color: #F90101;
  }
  
  .blue {
    color: #0266C8;
  }

	.yellow {
	 color: #F2B50F;
  }
  

  
	.undrag {
		color: black!important;
	}
	
  
	#prase {
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: -50;
  }