:root {
  --main-color: #5F259F;
  --secondary-color: #64D9A4;
}

.bg-main {
    background-image: linear-gradient(to bottom, rgba(51, 22, 90, 1) 33%, rgba(95, 37, 159, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

.bg-secondary {
  background-color: var(--secondary-color);
}

.text-main {
  color: var(--main-color);
}

.text-secondary {
  color: var(--secondary-color);
}

/* Remove ALL left padding from top bar */
.top-row {
    padding-left: 0 !important;
}

.top-row .navbar-brand {
    padding-left: 1rem !important;
    margin-left: 0 !important;
}

.top-row .logo-img {
    height: 50px;
    max-width: 180px;
    object-fit: contain;
    display: block;
}


.placeholder-faded::placeholder {
    opacity: 0.4;
}

.placeholder-light::placeholder {
    opacity: 0.6;
}

.placeholder-very-faded::placeholder {
    opacity: 0.2;
}