:root{
  --accent:#6f42c1;
  height: 100vh
    }

body{
  /* background:linear-gradient(180deg,#0f172a 0%,#071029 100%); */
  background: radial-gradient(circle at top left, #0d6efd, #0d6efd 45%, #0a58ca 50%, #6f42c1) center center / cover no-repeat fixed;
  background-clip: border-box;
  color:#e6eef8;
  height:100vh;
    }

.navbar-brand{
  font-weight:700;
  margin-left: auto;
}

.nav-item {
  margin-right: 20px;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
}
.mock-up{
  background:linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
}
.card{
  background:rgba(201, 196, 196, 0.808);
  border:none
}
.btn-primary{
  background:var(--accent);
  border-color:var(--accent)
}
.btn-outline-light{
  color:#fff;
  border-color:rgba(255,255,255,0.1)
}
.form-control{
  background:rgba(255, 255, 255, 0.767);
  border:none;
  color:#fff
}
.form-label{
  color:#1b489b
}
.progress{
  background:rgba(255,255,255,0.04)
}
.badge{
  font-weight:600
}
.modal-content{
  background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
  border-radius:12px
}

/* @media (max-width:991px){
  .nav-link{
    float: right;
  }
} */