/* custom.css */
:root {
    --primary: #00B98E;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.border-left-primary {
    border-left: .25rem solid var(--primary) !important;
}

.text-primary {
    color: var(--primary) !important;
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:focus, .btn-primary.focus {
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(0, 185, 142, 0.5);
}

.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:active:focus, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary:active.focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 185, 142, 0.5);
}

.img-size{
    width: 25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.img-guru{
    width: 10rem;
}