@import url(https://fonts.googleapis.com/css?family=Roboto:300);

* {margin:0;padding:0;}
html {-webkit-text-size-adjust: 100%;}
body {
  background:#ffffff; /* fallback for old browsers */ /*#76b852, #8DC26F*/
  background:-webkit-linear-gradient(right, #ffffff, #eeeeee);
  background:-moz-linear-gradient(right, #ffffff, #eeeeee);
  background:-o-linear-gradient(right, #ffffff, #eeeeee);
  background:linear-gradient(to left, #ffffff, #eeeeee);
  font-family:"Roboto", sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

main div#logo {text-align:center;margin:70px auto 10px auto;}

main div#form {position:relative;z-index:1;background:#FFFFFF;max-width:300px;margin:20px auto;padding:45px;text-align:center;box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}
main div#form span {clear:left;display:block;margin:6px 0;}
main div#form label {display:none;}
main div#form input {font-family:"Roboto",sans-serif;outline:0;background:#eeeeee;width:100%;border:0;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:16px;}
main div#form input[type="submit"] {background:#999999;text-transform:uppercase;outline:0;width:100%;border:0;padding:15px;color:#FFFFFF;font-size:14px;cursor:pointer;-webkit-appearance: none;}
main div#form input[type="submit"]:hover {background:#666666;}
main div#form .message {margin:0;color:#333333;font-size:11pt;}
main div#form .message.top {margin:-10px 0 20px 0;}
main div#form .error {margin-bottom:15px;color:#999999;font-weight:bold;font-size:10pt;}
main div#form a {color:#000099;text-decoration:none;}

main div#problems {clear:left;text-align:center;margin:0 auto 0 auto;width:360px;font-size:11pt;}