@CHARSET "ISO-8859-1";

@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300&family=Roboto&family=Roboto+Mono:wght@100&display=swap');
:root{
--harmonie-black: #292929;
--harmonie-yellow: #EADB83;
--harmonie-blue: rgb(183,206,214);
--harmonie-orange: #DAB400;
--harmonie-brown: #AC997D;
}

.grid_desc {
	font-family: 'Roboto Mono', monospace;
	color: var(--harmonie-black);
	opacity: 1 !important; 
}

.harmonie_text {
	font-family: 'Figtree', sans-serif;
}


.harbg_yellow {
	background-color: var(--harmonie-yellow);
}
.bg_harmonie_lightblue {
	background-color: var(--harmonie-blue);	       
}
.bg_harmonie_dark {
	background-color: var(--harmonie-black);	       
}
.active_menu {
	background-color: var(--harmonie-blue);	       
}
.lcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
}
        
.harmonie-btn-blue {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--harmonie-blue);
    --bs-btn-border-color: #B8D935;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: var(--harmonie-blue);
}
        
.harmonie-btn-yellow {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--harmonie-yellow);
    --bs-btn-border-color: #B8D935;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: var(--harmonie-yellow);
}