html,
body {
  height: 100vh;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
      align-items: center;
      background-color: #f5f5f5;
}

main{
  display: flex;
  justify-content: center;
  flex: 1 0 auto;
  align-items: center;
}

nav{
  width: 100vw;
}

footer{
  width: 100vw;
}

#footer-hr {
  width: 100vw;
}

.error{
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  z-index: 999;
  min-width: 300px;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
}

.form-floating{
  width: 300px;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}