@font-face {
  font-family: 'Quicksand';
  font-weight: 400,500,600,700;
  src: url(/assets/fonts/Quicksand-VariableFont_wght.ttf) format('truetype');
}
:root{
    --color1: #7ac143;
    --color2: #67bc2a;
    --color3: #dddddd;
    --color4: #c7c7c7;
    --color5: #4d4d4d;

    color-scheme: light dark;

    --bs-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.10);
}

/*bs overrides*/


.emojis-popover {
    --bs-popover-max-width: 485px;
    --bs-popover-body-padding-x: .275rem;
    --bs-popover-body-padding-y: .275rem;
}
.emojis-popover #emojisContent {
    max-height: 485px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.emojis-popover a.btn{
    font-size: 1rem;
    width: 35px;
    height: 35px;
}
.toast-body{
    background-color: var(--bs-toast-header-bg);
    color:var(--bs-toast-header-color);
}

/* .bg-light{ background-color: var(--Base)!important; } */
body {
    /* background-color: ligtdark(); */
    /* height: 100%; */
    /* min-height: 100dvh; */
    /* color: var(--Text); */
    font-size: 18px;
    font-family: "Quicksand";
    font-weight: 500;
    /* background-color: var(--Mantle); */
}
#content{
    margin-bottom: 50px;
    /* max-height: calc(100dvh - 105px);
    overflow-y: scroll; */
}
.editor{
    min-height: 250px;
}

input[type='number'] {
    appearance:textfield;
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* cards */
.bg-custom.card-container{
    background-color: var(--color1);
}
.card-container .titles,
.card-container .infos{
    background-color: #fff;
}
.card-container .infos::before{
    content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 20px;
  top: -15px;
  left: 0;
  background-color: #fff;
}