Untitled

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style>

		body {
			font-family: Arial, Helvetica, sans-serif;
		}

		#myVideo {
		  position: fixed;
		  right: 0;
		  bottom: 0;
		  min-width: 100%;
		  min-height: 100%;
		}

		form {
			border: 3px solid #f1f1f1;
		}

		.content {
			text-align: center;
			position: relative;
			background: rgba(63, 78, 112, 0.2);
			color: #1ec794;
			width: 100%;
			padding: 20px;
			display: block;

		}

		input[type=text], input[type=password] {
			width: 150px;
			padding: 10px 20px;
			margin : 0 auto;
			display: block;
			text-align: center;
			border: 1px solid #ccc;
			box-sizing: border-box;
		}

		img.avatar {
			width: 250px;
			border-radius: 50%;
		}

		p {

			margin : 0 auto;
			width:600px;
		}

	</style>
</head>
<body>

	<video autoplay muted loop id="myVideo">
	  <source src="background.mp4" type="video/mp4">
	</video>

	<div class="fullscreen-bg">
	    <video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video">
	        <source src="video/background.mp4" type="video/mp4">
	        <!--
	        <source src="video/background.webm" type="video/webm">
	        <source src="video/background.ogv" type="video/ogg">
	        -->
	    </video>
	    <div class="content">

			<img src="logo.png" alt="Babylon 5" class="avatar">
			<br/>
			<br/>

			<label for="uname"><b>Username:</b></label>
			<input type="text" placeholder="Enter Username" name="uname" required>

			<br/>

			<label for="psw"><b>Password:</b></label>
			<input type="password" placeholder="Enter Password" name="psw" required>

			<br/>
			<br/>
			<p>
				I was there at the dawn of the third age of mankind.
			</p>
			<br/>

			<p>
				It began in the Earth year 2257, with the founding of the last of the Babylon stations, located deep in neutral space. It was a port of call for refugees, smugglers, businessmen, diplomats . . . and travelers from a hundred worlds. Could be a dangerous place – but we accepted the risk, because Babylon 5 was our last, best hope for peace.
			</p>
			<br/>

			<p>
				Under the leadership of its final commander, Babylon 5 was a dream given form: a dream of a galaxy without war, when species from different worlds could live side by side in mutual respect. A dream that was in danger as never before, by the arrival of one man on a mission of destruction.
				Babylon 5 was the last of the Babylon stations.
			</p>

			<br/>

			<p>
				This is its story of Babylon 5
			</p>


		</div>
	</div>

</body>
</html>