body {


background: linear-gradient( 45deg,purple,blue);


}
form {

width: 250px;
height: 310px;
padding: 25px;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
background-color: white;



}

h2 {

	text-align: center;
	text-shadow: 1px 1px purple;

}

button {

	position: fixed;
	left: 80px;
	right: 180px;
	padding: 10px;
	color: white;
	font-weight: bold;
	border: solid 1px purple;
	background: linear-gradient( 45deg,purple,blue);
	margin-bottom: 15px;
	width: 150px;



}

input[type="text"] {
width: 180px;
padding: 10px;
border: solid 1px purple;
text-align: center;


}
input[type="password"] {

	padding: 10px;
	border: solid 1px purple;
text-align: center;
width: 180px;
}


button:hover {

	color: purple;

}

.menu   {
text-decoration: none;
color: #fff;
position: relative;
left: 425px;
top: 350px;
}


.fa {

	font-size: 20px;
	font-weight: bold;
	margin: 5px;
	line-height: 35px;
	width: 35px;
	height:35px;
	border-radius: 5px;
	text-align: center;
	box-shadow: 2px 3px 3px #4c3333;
}

.fa-facebook {

background-color: #3b5999;
color: white;


}
.fa-twitter {

	background-color: #55acee;
	color: white;
}


.fa-instagram {


	background-color: #e4405f;
	color: white;
}


p {

position: relative;
left: 450px;
top: 350px;
font-weight: bold;
font-family: arial;
font-size:14px;



}