@import url("https://fonts.googleapis.com/css?family=Francois+One|Nunito:200");
html, body {
  height: 100%; }

body {
  background: url("../img/bg-dark-10.jpg") no-repeat top center fixed;
  background-size: cover;
  font-family: 'Nunito', sans-serif;
  color: white;
  text-align: center; }
  body#register {
    background-image: url("../img/bg-dark.jpg"); }
    body#register h1 {
      margin-top: 40px; }
  body .container {
    height: 100%;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column; }

#logo {
  margin-top: 10px;
  width: 80px; }

a:hover {
  text-decoration: none; }

h1 {
  font-family: 'Francois One', sans;
  font-size: 48px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 30px; }

#notify {
  font-size: 18px;
  font-weight: normal;
  background-color: white;
  margin: 0;
  padding: 16px 50px; }
  #notify a {
    color: #6f684a; }

p {
  font-size: 18px;
  font-weight: 200; }

form {
  margin-top: 20px; }
  form input {
    border: none;
    border-bottom: solid 1px white;
    background: none;
    padding: 12.5px;
    width: 100%;
    color: white;
    margin-bottom: 50px; }
    form input::placeholder {
      color: white;
      font-weight: normal; }
    form input[type=submit] {
      border-radius: 0;
      border: solid 1px; }
    form input.ok {
      background-color: white;
      color: #6f684a; }

.darken {
  position: absolute;
  background: #00000088;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0; }

@media (min-width: 375px) {
  body #logo {
    width: 100px; }

  h1 {
    font-size: 54px;
    margin-top: 80px;
    margin-bottom: 60px; }

  #notify {
    padding: 16px 100px; } }
@media (min-width: 992px) {
  body .container {
    height: 80%; }
  body #logo {
    width: auto; }

  h1 {
    font-size: 72px;
    margin-top: 80px;
    margin-bottom: 60px; } }

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