html,body{
  width: 100%;
  height: 100%;
}
body {
  background-image: url("/img/background2_ld.jpg");
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-family: "Raleway";
  color: white;
  justify-content: center;
  text-align: center;
}

/* Font import */
/* raleway-100 - latin-ext_latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 100;
  src: local("Raleway Thin"), local("Raleway-Thin"),
    url("./raleway-v12-latin-ext_latin/raleway-v12-latin-ext_latin-100.woff2")
      format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./raleway-v12-latin-ext_latin/raleway-v12-latin-ext_latin-100.woff")
      format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-200 - latin-ext_latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 200;
  src: local("Raleway ExtraLight"), local("Raleway-ExtraLight"),
    url("./raleway-v12-latin-ext_latin/raleway-v12-latin-ext_latin-200.woff2")
      format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./raleway-v12-latin-ext_latin/raleway-v12-latin-ext_latin-200.woff")
      format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-300 - latin-ext_latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 300;
  src: local("Raleway Light"), local("Raleway-Light"),
    url("./raleway-v12-latin-ext_latin/raleway-v12-latin-ext_latin-300.woff2")
      format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./raleway-v12-latin-ext_latin/raleway-v12-latin-ext_latin-300.woff")
      format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-regular - latin-ext_latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Regular"),
    url("./raleway-v12-latin-ext_latin/raleway-v12-latin-ext_latin-regular.woff2")
      format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./raleway-v12-latin-ext_latin/raleway-v12-latin-ext_latin-regular.woff")
      format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

#center {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  
}
#error {
  font-size: 30px;
}
#login {
  font-size: 20px;
}