body
{
background-image:url('background.jpg');
}
form
{
width:60%;
position:absolute;
margin-top:10%;
margin-left:20%;
margin-right:20%;
background-color:#F3F781;
border-radius:5px;
}
table
{
	margin-left:30%;
}
tr
{
	color:#000;
	font:100% Verdana;
}
h1
{
	color:#000;
	text-align:center;
	font-family:'Modern No. 20';
}
td
{
	margin:5%;
}
input[type="text"] 
{
    display: inline-block;
    text-align: left;
	margin-right:20px;
	width: 400px;
	height:20px;
	font:80% Verdana;
	border-radius:3px;
}
input[type="password"] 
{
    display: inline-block;
    text-align: left;
	width: 400px;
	height:20px;
	font:80% Verdana;
	border-radius:3px;
}
input[type="email"] 
{
    display: inline-block;
    text-align: left;
	width: 400px;
	height:20px;
	font:80% Verdana;
	border-radius:3px;
}
select
{
	display: inline-block;
    text-align: left;
	font:90% Verdana;
	border-radius:3px;
}
input[type="submit"] 
{
	display: inline-block;
	margin-top:5%;
	margin-bottom:5%;
    text-align: left;
	font:90% Verdana;
	color:#fff;
	border-radius:5px;
	background-color:#0B0B61;
}


@media screen and (max-width: 480px){
form
{
width:60%;
position:absolute;
margin-top:10%;
margin-left:20%;
margin-right:20%;
background-color:#F3F781;
border-radius:5px;
}
tr
{
	color:#000;

}
td
{
	margin:5%;
	font:70% Verdana;
}
input[type="text"] 
{
    display: inline-block;
    text-align: left;
	width: 250px;
	height:15px;
	font:50% Verdana;
	border-radius:3px;
}
input[type="password"] 
{
    display: inline-block;
    text-align: left;
	width: 250px;
	height:15px;
	font:50% Verdana;
	border-radius:3px;
}
input[type="email"] 
{
    display: inline-block;
    text-align: left;
	width: 250px;
	height:15px;
	font:50% Verdana;
	border-radius:3px;
}
select
{
	display: inline-block;
    text-align: left;
	font:55% Verdana;
	border-radius:3px;
}
input[type="submit"] 
{
	display: inline-block;
	margin-top:5%;
	margin-bottom:5%;
    text-align: left;
	font:60% Verdana;
	color:#fff;
	border-radius:5px;
	background-color:#0B0B61;
}
}