:root {
    --bs-primary: #42C3C0;
    --bs-primary-rgb: 177, 140, 87;
    --bs-dark-primary: #987648;
    --bs-dark-primary-rgb: 152, 118, 72;
    --bs-light-primary: #FEF4E8;
    --bs-light-primary-rgb: 254, 244, 232;
    --bs-lighter-primary: #f8f5f0;
    --bs-lighter-primary-rgb: 248, 245, 240;
}

#loading { background-color: #288775; }

.main-cont {max-width: 420px;    margin: 0 auto;}

.mr-30 {margin-right: 30px;}


.btn-primary:hover {  background-color: #ff930d !important;    border-color: var(--bs-dark-primary); }

.footer.footer-dark { background-color: #288775;  color: #ffffff;}

.circle {  background-color: #ffffff; border: 2px solid #309996;  border-radius: 50%;  width: 120px;  height: 120px;  overflow: hidden;  position: relative; margin: 0 auto;}
.circle img { /* position: absolute;*/  bottom: 0;  width: 100%;}

.fsize-25 {font-size: 25px !important;}
.fsize-20 {font-size: 20px !important;}
.fsize-22 {font-size: 22px !important;}
.fsize-18 {font-size: 18px !important;}
.fsize-2-5 {font-size: 2.35rem !important;}



.color-0 {color: #ffffff !important;}
.color-1 {color: #297675 !important;}
.color-2 {color: #063B42 !important;}

.bg-bk-lr {background-color: #FF9326; }
.bg-bk-az {background-color: #59c1bf; }

.borda-btn {

    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;     color: #fff;     width: 100%;
}

.mb-1 {    margin-bottom: 1px !important;}


.btn-outline-white:hover {    color: var(--bs-body-color);    background-color: #ed8a2b;    border-color: var(--bs-white);}

p:target {  background-color: gold;}

html {  scroll-behavior: smooth; }

:target {  scroll-margin-top: .8em;}