Styling input fields and buttons

<!DOCTYPE HTML>
<html lang="en">
<head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 <title>Blargh</title>
 <style type="text/css">
body
{
    padding: 5mm;
    background: #204040;
    color: #A0B0B0;
}

.button
{
    background-color: #4CAF50;
    border: solid 0.3mm #000000;
    color: #FFFFFF;
    padding: 2mm 2mm;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 4mm;
    border-radius: 1.5mm;
}

.button:hover
{
    background-color: #5CBF60;
    border: solid 0.3mm #FFFFFF;
}

.inputfield
{
    background-color: #4CAF50;
    border: solid 0.3mm #000000;
    color: #FFFFFF;
    padding: 2mm 2mm;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 4mm;
    border-radius: 1.5mm;
}

.inputfield:hover
{
    background-color: #5CBF60;
    border: solid 0.3mm #FFFFFF;
}

 </style>
</head>
<body>
<input type="text" name="bla1" value="default value" class="inputfield">
<input type="submit" name="bla2" value="click me" class="button">
</body>
</html>