body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background-image: url("../images/3.png");
  background-size:cover;
  background-position: center;
}

/* navbar styles */
.navbar-nav {
  display:flex;
  list-style-type: none;
  background-color:white;
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;
  align-items:center;
}

.navbar-brand {
  color: black;
  text-decoration: none;
  padding: 10px;
  font-size:1.25rem;
}

.nav-link {
  color:grey;
  text-decoration: none;
  padding: 10px;
}

.nav-link:hover {
  color:black;
}
/* end of navbar styles */

.sign-up-form {
  width: 300px;
  box-shadow: 0 0 3px 0 rgb(0, 0, 0, 0.3);
  background: #fff;
  padding: 20px;
  margin: 8% auto;
  text-align: center;
}

.sign-up-form h1 {
  color: lightblue;
  margin-bottom: 30px;
}

.input-box {
  border-radius: 20px;
  padding: 10px;
  margin: 10px 0;
  width: 93%;
  border: 1px solid #999;
  outline: none;
}

input[type="submit"] {
  color: #fff;
  width: 100%;
  padding: 10px;
  border-radius: 20px;
  font-size: 15px;
  margin: 10px 0;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #1c8adb;
}