:root {
    --BackgroundColor: rgba(36, 36, 36, 0.95);
    --Color: #3DBFBB;
    --Secundary: #39B3AE;
}

.mt-1{
    margin-top: 1em !important;
}

.mt-2{
    margin-top: 2em !important;
}

.mt-l{
    margin-top: 15em !important;

}

.mt-s{
    margin-top: 5em !important;
}

.card{
    background-color: transparent !important;
}

.c-cgb{
    color: var(--Color) !important;
}

.btn, .nav-pills nav-link{
    font-weight: 400 !important;
    color: var(--BackgroundColor);
    border-color: var(--Color) !important;
    border-radius: .5em !important;
    padding: .45em .75em !important;
}

.btn-primary{
    background-color: var(--Color) !important;
    border-color: var(--Secundary) !important;
}
.btn-primary:hover{
    background-color: var(--Secundary) !important;
    border-color: var(--Color) !important;

}
.btn-success {
    background-color: #4ABA49 !important;
    border-color: #46ae46 !important;
}
.btn-success:hover {
    background-color: #46ae46 !important;
    border-color: #4ABA49 !important;
}
.btn-warning {
    background-color: #E6D92E !important;
    border-color: #e4d731 !important;
}
.btn-warning:hover {
    background-color: #e4d731 !important;
    border-color: #E6D92E !important;
}
.btn-danger {
    background-color: #EC3C50 !important;
    border-color: #e93a4c !important;
    color: white !important;
}
.btn-danger:hover {
    background-color: #e93a4c !important;
    border-color: #EC3C50 !important;
}
.btn-info {
    background-color: #2987ff !important;
    border-color: #006cff !important;
}
.btn-info:hover {
    background-color: #026df4 !important;
    border-color: #2987ff !important;
}

input{
    background-color: var(--BackgroundColor) !important;
    color: var(--Color) !important;
    border-color: var(--Color) !important;
}
.form-control{
    background-color: var(--BackgroundColor) !important;
    color: var(--Color) !important;
    border-color: var(--Color) !important;
}

.form-control:focus{
    background-color: var(--BackgroundColor) !important;
    color: var(--Color) !important;
    border-color: var(--Color) !important;
}

p{
    text-align: justify !important;
}

.btn.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    background-color: transparent !important;
}

.btn.btn-outline-primary:hover {
    color: var(--bs-background) !important;
    background-color: var(--bs-primary) !important;
    border-color: #0d6efd;
}