body {
    font-family: sans-serif;
}

.logo {
    max-width: 225px;
}

.btn-outline-success {
    --bs-btn-color: #6F42C1;
    --bs-btn-border-color: #6F42C1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6F42C1;
    --bs-btn-hover-border-color: #6F42C1;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: rgb(36, 27, 27);
    --bs-btn-active-bg: #6F42C1;
    --bs-btn-active-border-color: #6F42C1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6F42C1;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(111, 66, 193, .5);
}

.navbar {
    --bs-navbar-color: rgba(111, 66, 193, 0.55);
    --bs-navbar-hover-color: rgba(111, 66, 193, 0.8);
    --bs-navbar-disabled-color: rgba(111, 66, 193, 0.3);
    --bs-navbar-active-color: rgba(111, 66, 193, 1);
    --bs-navbar-toggler-border-color: rgba(111, 66, 193, 0.1);
    font-size: 18px;
    font-weight: 600;
}

.bd-placeholder-img-lg {
    font-size: 3.5rem;
}
.bd-placeholder-img-lg {
    font-size: calc(1.475rem + 2.7vw);
}
.bd-placeholder-img {
    font-size: 1.125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-anchor: middle;
}

.navbar-brand {
    margin-right: calc(250px / 2);
}