/* Login.css */
 
	*{
		box-sizing: border-box;
	}
 
	body{
		margin: 0;
		padding: 0;
		overflow-x: hidden;
 		background-color: lightgrey;
 
 
	}
	
 
	.menu{
		width: 100%;
		background: black;
		overflow: auto;
		position: relative;
		top: -510px;
		font-weight: bold;
 
 
 
	}
 
	.menu ul{
		padding: 0;
		margin: 0;
		line-height: 60px;
		list-style: none;
		position: sticky;
 
	}
 
	.menu li{
		float: left;
		position: sticky;
 
	}
 
	.menu li a:hover{
		
		transition: 0.6s;
		font-size: 19px;
		color: #1A2B6D;
 
	}
 
	.menu ul li a{
		width: 130px;
		display: block;
		text-align: center;
		letter-spacing: 1px;
		background: black;
		text-decoration: none;
		color: white;
		font-size: 22px;
		font-family: sans-serif;
		position: sticky;
 
	}
 
	.search-form{
		margin-top: 15px;
		float: right;
		margin-right: 100px;
 
	}
 
	input[type=text]{
		padding: 7px;
		border: none;
		font-size: 16px;
		font-family: sans-serif;
 
	}
 
	button{
		float; right;
		background: grey;
		color: white;
		border-radius: 0 5px 5px 0;
		cursor: pointer;
		position: relative;
		padding: 7px;
		font-family: sans-serif;
		border: none;
		font-size: 16px;
	}
	button a:hover{
		cursor: pointer;
	}
	/* Above is for the NAV and SEARCh bar*/
 
	

 	h3 > p{
 		font-size: 120px;
		text-align: center;
		color: #1A2B6D;
		position: relative;
		top: 14px;
		left: 0px;
		background-color: transparent;
		
 	}

 	.Gold{
 		color: black;
 		position: relative;
 		top: -240px;
 		left: 0px;
 		background-color: transparent;
 	}
 	
	#name{
		font-size: 40px;
		text-align: center;
		color: #1A2B6D;
		position: relative;
		top: -390px;
		right: 475px;
		left: 0px;
		font-family: serif;
		background-color: transparent;
	}
	.nameGold{
		color: black;
		font-size: 40px;
		position: relative;
		top: -475px;
		left: 450px;
		background-color: transparent;
	}

	/*.Camera{
		position: relative;
		top: -675px;
		left: 600px;
	}*/

	.Eye{ /* Right Side Top Image*/
		position: relative;
		top: -754px;
		left: 1135px;

	}
	.Eye2{ /* Left Side Top Image */
		position: relative;
		top: -754px;
		left: -455px;

	}

	/* Below is the Login Form */
	.box{
		position: absolute;
		top: 600px;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 500px;
		height: 600px;
		padding: 40px;
		background: black;
		opacity: 0.7;
		box-sizing: border-box;
		box-shadow: 0 15px 25px rgba(0,0,0,.5);
		border-radius: 10px;

	}

	.box h2{
		margin: 0 0 30px;
		padding: 0;
		color: white;
		text-align: center;
		font-size: 50px;

	}
	.box .inputBox{
		position: relative;

	}
	.box .inputBox input{
		width: 100%;
		padding: 10px 0;
		font-size: 25px;
		color: white;
		letter-spacing: 1px;
		margin-bottom: 30px;
		border: none;
		border-bottom: 1px solid #fff;
		outline: none;
		background: transparent;


	}
	.box .inputBox label{
		position: absolute;
		top: 0;
		left: 0;
		font-size: 25px;
		padding: 10px 0;
		font-size: 25px;
		color: #fff;
		pointer-events: none;
		transition: .5s;

	}
	.box .inputBox input:focus ~ label,
	.box .inputBox input:valid ~ label{
		top: -25px;
		left: 0;
		color: #1A2B6D;
		font-size: 25px;
	}
	.box input[type="submit"]{
		background: transparent;
		border: none;
		outline: none;
		color: white;
		background: #1A2B6D;
		padding: 10px 20px;
		cursor: pointer;
		border-radius: 10px;
		margin-bottom: 10px;
	}
	.box input[type="signUp"]{
		background: transparent;
		border: none;
		outline: none;
		color: white;
		background: #1A2B6D;
		padding: 10px 20px;
		cursor: pointer;
		border-radius: 10px;
		margin-left: 20px;
		text-align: center;
	}
	.box input[type="forgotUser"]{
		margin-top: 10px;
		margin-bottom: 10px;
		text-decoration-line: underline;
		color: white;
		background-color: transparent;
		border: none;
		cursor: pointer;
	}
	.box input[type="forgotPass"]{
		margin-top: 20px;
		text-decoration-line: underline;
		color: white;
		background-color: transparent;
		border: none;
		cursor: pointer;

	}
	
	::-webkit-input-placeholder{
		font-family: serif, sans-serif;
	}
	::-moz-input-placeholder{
		font-family: serif, sans-serif;
	}
	::-ms-input-placeholder{
		font-family: serif, sans-serif;
	}