body {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	background-image: url('https://cdn.pixabay.com/photo/2019/04/06/06/44/astronaut-4106766_960_720.jpg');
    background-repeat: repeat;
    background-size:100%;
    bottom: 0;
    color: black;
    left: 0;
    overflow: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100px;
}

.form {
	position: relative;
	width: 600px;
	height: 490px;
	background: #000;
	border: 1px solid #fff;
	opacity: 0.7;
}

.input {
	position: relative;
	display: block;
	width: 80%;
}

.input:valid {
	outline: solid #03F00F 2px;
}

.input:invalid {
	outline: solid #EB0701 2px;
} 

p {
	position: relative;
	top: 20px;
}

.ahref {
	
	text-decoration: none;
}

label {

	font-size: 18px;
	color: white;
}

button.submit {
	position: relative;
	top: 10px;
	opacity: 1.0;
	background: #006EF5;
	color: #fff;
	width: 60%;
	border-radius: 15px; 
}

form {
	position: relative;
	top: 10px;
}


@media screen and (max-width: 700px) {
	.form {
		position: relative;
		width: 100%;
		top: -50px;
	}
}