html {
  --color-btn: #1a2c3d;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-primary-text: #141413;
  --color-secondary-text: #4d4d4d;
  --color-disabled: #CECECE;
  --border-color: #e5e5e5;
  --page-color: #fafafa;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #f9f9f9;
  min-height: -webkit-fill-available;
}

.login-button,
.register-button,
.new-cert-btn,
.pdf-btn,
.confirm-btn,
.edit-btn, 
.claim-btn, 
.new-cert-btn,
.home-btn, 
.contact-btn {
  background-color: var(--color-btn) !important;
  text-transform: uppercase;
  max-width: 374px;
  font-weight: 500;
}

.signin-button {
  background-color: var(--color-white) !important;
  color:  var(--color-primary-text) !important;
  text-transform: uppercase;
  max-width: 374px;
  font-weight: 500;
}

.login-button:hover,
.register-button:hover,
.new-cert-btn:hover,
.pdf-btn:hover,
.confirm-btn:hover, 
.edit-btn:hover, 
.claim-btn:hover,
.new-cert-btn:hover,
.home-btn:hover,
.contact-btn:hover {
  background-color: var(--color-btn) !important;
}

button:disabled,
button[disabled]{
  background-color: var( --color-disabled) !important;
}

button:disabled:hover,
button[disabled]:hover {
  background-color: var( --color-disabled) !important;
}

input[type='password'] {
  font-family: Verdana;
}

.Toastify__toast-body {
  font-size: 14px !important;
  color:  var(--color-primary-text) !important;
}

.Toastify__close-button > svg {
  height: 18px !important;
  width: 16px !important;
}