form {
width:100%;
}

form span
{
float:left;
width:100%;
margin-bottom:25px;
font-size:100%;
}

form label
{
font-size:110%;
font-weight:600;
}

input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 35px;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom:3%;
	font-size:100%;
}

select {
    width: 100%;
    padding: 12px 10px;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom:20px;
	font-size:100%;
}

input[type=file]{
    width: 100%;
    padding: 12px 35px;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom:20px;
	font-size:100%;
}

textarea {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom:20px;
}

input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover {
    border: 1px solid #19185e;
}


input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
    border: 1px solid #19185e;
}

input[type=submit], [type=button] {
    width: 100%;
    background-color: #19185e;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    font-size:100%;
    cursor: pointer;
}

input[type=submit]:hover, [type=button]:hover{
    background-color: #333;
}