.fs10 {
  font-size: 10px !important;
}

.fs11 {
  font-size: 11px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs17 {
  font-size: 17px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs19 {
  font-size: 19px !important;
}

.fs20 {
  font-size: 20px !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
}

body {
  font-family: "DM Sans", sans-serif;
  font-weight: 500 !important;
}
.bg-primary {
  background: #ff00c8 !important;
  color: white !important;
}
.btn-primary {
  background: #ff00c8 !important;
  backdrop-filter: unset !important;
  color: white !important;
  border: none !important;
  font-size: 14px;
  border-radius: 8px;
}
.btn-primary:hover {
  background: #ff00c8 !important;
  border: none !important;
}
.text-primary {
  color: #ff00c8 !important;
}

.card, .round {
  border-radius: 15px !important;
  border: none;
}
.opacity-90 {
  opacity: 90%;
}

.blur {
  backdrop-filter: blur(50px) !important;
  background: transparent !important;
}

.form-control {
  font-size: 14px;
  border-radius: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.form-label {
  color: white !important;
}
.auth-form {
  width: 100%;
}
html,
body {
  height: 100%;
}