body {
  background-image: url("/static/loginlanding.jpg");
  background-size: 110%;
  background-repeat: none;
  background-position: fixed;
  background-position-y: 50%;
  font-family: 'Source Sans Pro'
}

.nav {
  background-color: black;
  width: 102%;
  top: 0;
  margin-left: -0.7%;
  margin-top: -1.5%;
  padding-top: 0.04%;
  padding-bottom: 0.005%;
  color: white;
}

.nav h2 {
  margin-left: 1%;
  display: inline-block;
}

.logindiv {
  align-items: center;
  text-align: center;
  background-color: rgb(255,255,255, 0.7);
  margin-left: 30%;
  margin-right: 30%;
  margin-top: 8%;
  border-radius: 10px;
  padding-top: 1%;
  padding-bottom: 1%;
}

.credit {
  margin-top: 20%;
  color: white;
  text-align: center;
  background-color: rgb(0,0,0,0.7);
}

.loginbtn {
  padding: 20px 50px;
  font-size: 16px;
  color: #fff;
  background: #00b30c;
  cursor: pointer;
  text-decoration: none;
  font-family: 'Source Sans Pro';
  border: none;
}

input[type=text], input[type=password] {
  padding: 12px 20px;
  border: #292929, 1px, solid;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: 1s
}

.loginbtn:hover {
  background: #00ff04
}
c