@font-face {
  font-family: "micra";
  src: url("../font/micrac-webfont.woff2") format("woff2"), url("../font/micrac-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
html {
  height: 100%;
  font-family: micra;
  color: white;
  background: #1f2b39;
  background: linear-gradient(0deg, #0c1115 0%, #1f2b39 100%);
}

#title {
  width: 50vw;
  height: 25%;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  top: 15%;
}

#title img {
  width: 10vw;
}

#title img,
#title div {
  display: inline-block;
  vertical-align: middle;
}

#title h1 {
  font-size: 6vw;
}

#title h2 {
  font-size: 3vw;
}

#title h1,
#title h2 {
  margin: 0;
  text-align: right;
}

#login {
  text-decoration: none;
  font-size: 1.5vw;
  color: white;
  background: #1f2b39;
  padding: 10px 30px;
  width: 15vw;
  position: absolute;
  bottom: 4%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #ffffff26;
}

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