@charset "utf-8";
/* CSS Document */
{
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	box-sizing: border-box;
}

body{
	background: #DEDEDE;
	display: flex;
	min-height:100vh;
}

form {
	margin: auto;
	width:50%;
	max-width: 500px;
	background: #F3F3F3;
	padding:30px;
	border:1px solid rgba(0,0,0,0.2);
}

h2 {
	text-aling: center;
	margin-bottom::20px;
	color: rgba(0,0,0,0.5);
}

input {
	display: block;
	padding: 10px;
	width: 100%;
	margin: 30px 0;
	font-size:20px;
}

input[type="submit"]{
	background:linear-gradient(#FFDA63,#FFB940);
	border:0;
	color:brown;
	opacity:0.8;
	cursor:pointer;
	border-radius: 20px;
	margin-bottom:0;
}

input[type="submit"]:hover{
	opacity=1;
}
input[type="submit"]:active{
	transform: scale(0.95);
}

@media(max-width:768px){
	form {
		width:75%;
	}
}

@media(max-width:480px){
	form {
		width:95%;
	}
}