@import url('custom.css');





:root {
    --bs-primary: #204c39; /*WyndemereGreen*/
    --bs-primary-text: #fff;
    --bs-primary-hover: #26b23e;
    --bs-primary-rgb: 32,76,57; 
}


.bg-dark {
    --bs-bg-opacity: 1;
    background-color: var(--bs-primary) !important;
}


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

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: var(--bs-primary-hover);
        border-color: var(--bs-primary-hover);
    }


.btn-outline-primary {
    color: var(--bs-primary-text);
    border-color: var(--bs-primary);
}

    .btn-outline-primary:hover,
    .btn-outline-primary:focus,
    .btn-outline-primary:active {
        background-color: var(--bs-primary-hover);
        border-color: var(--bs-primary-hover);
        color: #fff;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.5);
    }


    main{
        min-height: 400px;
    }


.about p::first-letter {
    font-size: larger;
}