*{
margin:0px;
padding:0px;
box-sizing: border-box;
}
            img{
			width: 100%;
			height: 100vh;
			z-index: 0;
			position: absolute;
			top:0;
			right:0;
		}
		form{
			z-index: 0;
			background-color:black;
			opacity: .8;
			width: 350px;
			min-height:30%;
			display: block;
			margin-left: 50%;
			margin-right: 40%;
			padding: 20px;
			z-index:1;
			
		}
		input{
			outline-style: none;
			border:0px;
			background-color: black;
			color: white;
		}
		label{
			color: white;
		}
		a{
			display: flex;
			align-items: center;
			justify-content: center;
			text-decoration: none;
			color: white;
		}
		.login{
			background-color: red;
			width:100px;
			padding: 5px;
			border-radius: 5px;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		.facebook-login{
			background-color: darkblue;
			padding: 5px;
			border-radius: 5px;
		}
		.email-login{
			background-color: green;
			padding: 5px;
			border-radius: 5px;
			margin-top:16px;
		}
		.button{
			display: block;
			width:100px;
			margin-right: auto;
			margin-left: auto;
			background-color: darkblue;
			padding: 5px;
			border-radius: 5px;
		}
		@media(max-width: 1048px){
			form{
				margin-left: 45%;
				min-width: 300px;
				
			}
		}
		@media(max-width: 800px){
			form{
				margin-left: auto;
				width:300px;
				
				margin-right: auto;
			}
		}