@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,700");
* {
  box-sizing: border-box; }

html, body {
  font-family: "Roboto", sans-serif;
  line-height: 1.4rem;
  margin: 0;
  padding: 0; }

body {
  background: url("/images/background.jpg") 0 0 no-repeat;
  background-size: cover; }

.loginform {
  background: white;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 7rem;
  padding: 2rem;
  max-width: 40vw;
  min-width: 0;
  border-top: 0.25rem solid #b30b0b;
  text-align: center; }
  .loginform input {
    border-radius: 0.25rem;
    border: 1px solid #858585;
    color: #858585;
    display: block;
    margin: 2rem auto 0 auto;
    padding: 1rem;
    width: 20rem; }
    .loginform input:focus {
      border: 1px solid #b30b0b;
      color: #b30b0b; }
  .loginform .message {
    color: #c5c5c5;
    font-size: 0.875rem;
    font-style: italic;
    margin: 1rem auto;
    padding: 1rem; }
  .loginform button {
    background: #b30b0b;
    border-radius: 0.25rem;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    padding: 1rem 2.5rem;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 auto;
    width: 10rem; }
    .loginform button:hover {
      background: #830808; }

/*# sourceMappingURL=login.css.map */