body{
	//background-image:url("bg1.jpg");
	width: 100vw;
	height: 100vh;
	background-image: linear-gradient(120deg, #90effc 0%, #7eebbe 100%);
	//background-image: linear-gradient(120deg, #090909 0%, #717171 100%);
	background-repeat: no-repeat;
	background-size:100%;
	background-position: 0px -50px;
}
#login-box{
	background-color: #ffffff;
	border-radius: 13px;
	text-align: center;
	margin: 0px auto;
	margin-top: 10px;
	width: 400px;
	height: 500px;
}

#login-box h1{
	padding-top: 30px;
	color: #008bd5;
}

#login-box .input-box{
	margin-top: 50px;
}
#login-box .input-box input{
	border: none;
	background: none;
	border-bottom: #008bd5 2px solid;
	padding: 2px 4px;
	outline: none;
	color: #008bd5;
}

#login-box button{
	line-height:30px;
	margin-top: 30px;
	width: 130px;
	height: 30px;
	border-radius:13px ;
	outline: none;
	border: none;
	background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
	color: black;
}

#login-box button:hover{
	background-image: linear-gradient(to top, #30cfd0 0%, #a6a6a6 100%);
}
#login-box .input-box i{
	color: #008bd5;
}

	
#logo{
	margin-top:20px;
	margin-left:80px;
	width: 450px;
	height: 100px;
}

#logo img{
	width: 200px;
	height: 160px;
}

#login-box .checkbox{
	margin-top: 40px;
	text-align: center;
	
}

#login_box .footer{
	height: 60px;
	background-color:gray;
	margin-top:60px;
	position: relative;
}
#login-box .footer_1{
	background-color: white;
	margin-top: 65px;
	wight:50px;
	margin-left:60px;
	display: flex;
	float:left;
}
#login-box .footer_2{
	margin-top: 65px;
	wight:50px;
	margin-right:60px;
	display: flex;
	float:right;
}

.robot{
	float:right;
	margin-right: 140px;
}
.robot img{
	
	width: 100px;
	height:100px;
}