.bg-login-image {
  background: url("https://j-code.org/images/About_img01.png");
  background-position: center;
  background-size: cover;
}

form.user .btn-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 0.75rem 1rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

form.user .form-control-user {
  font-size: 0.8rem;
  border-radius: 10rem;
  padding: 0.75rem 1rem;
}

.form-group {
  margin-bottom: 1rem;
}

body {
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
}

.row {
  --bs-gutter-x: 1rem;
}

a {
  text-decoration: none;
}

.bg-navbar {
  background-color: hsla(215, 100%, 65%, 1);
}

.navbar-dark {
  --bs-navbar-color: rgb(255, 255, 255);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.5);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 30 30%3e%3cpath stroke=rgba%28255, 255 255 0.55%29 stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d=M4 7h22M4 15h22M4 23h22/%3e%3c/svg%3e);
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 700px;
}

.nav-item > a:hover, .nav-item > a:focus {
  background-color: #4280d7;
}