@import "@material/button/mdc-button";
@import "@material/form-field/mdc-form-field";
@import "@material/radio/mdc-radio";
@import "inputs";
* {
   box-sizing: border-box;
}

body {
   font-family: Helvetica;
   background: #eee;
   -webkit-font-smoothing: antialiased;
}

hgroup {
   text-align: center;
   margin-top: 1em;
}

h1,
h3 {
   font-weight: 300;
}

h1 {
   color: #636363;
}

h3 {
   color: $primary;
}

form {
   max-width: 380px;
   margin: 1em auto;
   padding: 3em 2em 2em 2em;
   background: #fafafa;
   border: 1px solid #ebebeb;
   box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px 0px,
      rgba(0, 0, 0, 0.09804) 0px 1px 2px 0px;
}

#registerbutton {
   width: 100%;
   background: $primary;
   text-shadow: 1px 1px 0 rgba(39, 110, 204, 0.5);
}

footer {
   text-align: center;
}

footer p {
   color: #888;
   font-size: 13px;
   letter-spacing: 0.4px;
}

footer a {
   color: $primary;
   text-decoration: none;
   transition: all 0.2s ease;
}

footer a:hover {
   color: #666;
   text-decoration: underline;
}

footer img {
   width: 80px;
   transition: all 0.2s ease;
}

footer img:hover {
   opacity: 0.83;
}

footer img:focus,
footer a:focus {
   outline: none;
}

.invisible {
   display: none;
}

.errorColor {
   background: $error !important;
}

.error {
   color: $error;
   margin-top: 5px;
   font-size: 13px;
}