/* this is the styling for the sign in of the website */
		
body {
  background:url(images/back1.jpg);
  background-size: 400% 400%;
  animation: BackgroundGradient 20s ease infinite;
}

@keyframes BackgroundGradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

#main {
	background:;
	width:100%;
	padding:70px;
	margin:0;
	text-align:center;
}
#main h2 {
	color:#fff;
	font-size:35px;
	font-family:bahnschrift;
	margin-top:-20px;
}
.info {
	display: flex;
  	flex-direction:column;
  	text-align:left;
  	max-width: 600px;
    margin: auto;
    background:none;
   	padding: 30px;
}
 label {
    display: block;
    margin-bottom: 6px;
    font-weight: bold;
    font-family:bahnschrift;
    color:#fff
}
.info input, select {
	height:40px;
	padding:20px;
}

.info button {
  background:#000010;
  color: white;
  text-transform:uppercase;
  font-family:bahnschrift;
  font-weight:bolder;
  padding: 12px;
  border: none;
  cursor: pointer;
  width:100%;
  font-size:20px;
  height:60px;
  box-shadow: inset 0 0 0 50px transparent;
  transition:1.1s;
}
.info button:hover {
  box-shadow: inset 0 0 0 0 white;
  color:#fff;
}
.remember {
  width: unset;
  margin: 20px .0em 20px 0;
  vertical-align: middle;
}

/* this html for this style is in register.html file */
.remember input a {
	text-decoration:none;
	color:#fff;
}
.remember input a:hover {
	color:red;
}

.account {
	display:flex;
	flex-wrap:wrap;
	max-width:500px;
	margin:auto;
	justify-content:space-between;
}
.account a {
	text-decoration:none;
	font-family:bahnschrift;
	font-size:20px;
	color:#fff;
	flex:1;
}
.account a:hover {
	transition: .5s ease;
	color:red
}


/* this is for the responsiveness of the sign in page */
@media screen and (max-width:600px) {
	#main{
		width:100%;
		padding:0;
	}
}

/* this is the hiver effcet for the footer in the the sign in scetion */
.foot5 a:hover {
	transition:.5s ease;
	color:#fff;
}


 .return {
    max-width:500px;
    padding:10px;
    margin:auto;
    text-align:center;
   	background:#fff;
   	border-radius:10px;
   	border-right:10px solid #000;
   	border-left:10px solid #000;
}
.return a {
   	color:#000010;
    text-decoration:none;
    font-family:bahnschrift;
    font-weight:bolder;
   	font-size:20px;
}
.return a:hover {
    transition:0.5s ease;
   	color:red;
}