body{
	margin: 0;
	padding: 0;
	/*background-image:url('/static/img/graphbg.jpg');*/
	background-image:url('/static/images/bg1.jpg');
	background-repeat: no-repeat;
	background-size:100% 100%;
	background-attachment: fixed;


}

.loginBox{
	width:350px;
	height:  100%;
	/*background-color: rgba(237, 52, 64, 0.56);*/
	margin: 0 auto;
}

.loginBox .loginLogo{
	width: 100%;
	/*background-color: rgba(80, 54, 237, 0.56);*/
	margin-top: 25%;
	display: flex; justify-content: space-between;align-items: center;
}
.loginBox .loginLogo img{width: 100px;}

.loginBox .loginLogo .loginText{
	width: 100%;
	/*background-color: rgba(237, 52, 64, 0.56);*/
	display: flex; flex-direction: column;justify-content: center;color: white;
}

.loginText1{ letter-spacing:5px;font-size: 120%;}
.loginText2{ font-size:100% ;}
.loginText3{color:white;font-size: 120%;}

.bigBox{
	/*width: 80%;*/
	/*height: 300px;*/
	/*margin: 0 auto;*/
	margin-top: 10px;
	padding: 30px 50px;
	background-color: #00000090;
	border-radius: 20px;
	text-align: center;
	box-shadow:0 0 20px #68dced;
	/*margin-bottom:30%;*/

}

.bigBox h1{
	color: white;
	font-size: 30px;
}

.bigBox .inputBox{
	margin-top: 30px;
}

.bigBox .inputBox .inputText{
	margin-top: 20px;
}
.bigBox .inputBox .code_show{
	margin-top: 10px;
}
.bigBox .inputBox .code_show .code{
	background-color: #757575;
}


.bigBox .inputBox .inputText input{
	border: 0px;
	border-radius: 10px;
	padding: 10px 10px;
	border-bottom: 1px solid white;
	background-color: #00000000;
	color: white;

}

.bigBox .inputBox .inputButton{
	border: 0;
	width: 190px;
	height: 30px;
	margin-top: 30px;
	border-radius: 20px;
	color: white;
	font-size: 16px ;
	background-color: #507aff;

}

.bigBox .inputBox .bottom-text a{
	color: white;
}