* {
	margin: 0;
	padding: 0;
}

html , body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size: 16px;
	background: radial-gradient(#42454a, #000) fixed;

/*	background-image: linear-gradient(to right bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);*/
/*	background-repeat: no-repeat;*/
/*	background-attachment: fixed;*/
}

html {
	display:table;
	background:#101012;
}
body {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


i {
	margin-top: 10px;
	font-size: 400%;
}
	i:hover  {
		cursor: pointer;
		color: lightblue;
		text-shadow: 2px 2px 5px #000;
	}

	i > small {
		display: block;
		font-size: 25%;
	}

p {
	font-size: 80%;
	padding: 5px 10px;
}	

a {
	color: lightblue;
}
	a:hover  {
		cursor: pointer;
		text-shadow: 2px 2px 5px #000;
	}

h1 , h5 {
	margin: 10px 0;
}

h1 {
	font-size: 200%;
}

h5{
	font-size: 120%;
}


button , #button , .button {
	width: 200px;
	display: block;
	margin: 10px auto;
	padding: 5px;
	background: rgba( 0 , 0 , 0 , .2);
	border: 1px solid #000;
	color: #FFF;
}
	button:hover , #button:hover , .button:hover {
		cursor: pointer;
		background: lightblue;
		color: #000;
	}






section {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	color: #FFF;
	padding: 50px 0;
/*	background: rgba( 0 , 0 , 0 , .5 );*/
/*	background: rgba(0, 77, 122, .3);*/
	border: 2px solid #000;
	border-radius: 5px;
	box-shadow: 2px 2px 10px #000;

	display: flex;
	justify-content: space-betwen;
	align-items: center;
}


	.left {
		padding:0 50px;
	}


	.right {
		padding:0 50px;
		color: #C4C4C4;
		border-left: 1px solid #0F0F0F;
	}
		.right button {
			padding: 10px;
			width: 150px;
		}



input {
	width: 85%;
	margin-bottom: 10px;
	padding:10px;
	background: rgba( 0 , 0 , 0 , .2);
	border: 1px solid #000;
	text-align: center;
	color: #BBB;
}


textarea {
	width: 85%;
	margin-bottom: 10px;
	padding:10px;
	background: rgba( 0 , 0 , 0 , .2);
	border: 1px solid #000;
	text-align: center;
	color: #BBB;
}

label > .info {
    font-size: 80%;
    color: #868686;
}


.info_message {
	padding: 3px;
	font-size: 80%;
	color: lightblue;
}















@media only screen and (max-width: 600px) {

	body {
		background: #242424;
	}
	section {
		flex-direction: column;
		margin: 0 0;
		width: 90% !important;
	}
		section > div {
			width: 80%;

		}

	.right {
		margin-top: 30px;
		border: none;
	}
}