/* HTML Elements */
/* body { font: system-ui; font-size: 1rem; background-color: #B29D69; color: #000; } - Khaki */
/* 
body { font: system-ui; font-size: 1rem; background-color: #706849; color: #000; margin: 2em;	 }
*/
/*body { font: system-ui; font-size: 1rem; background-color: #bab86c; color: #000; }  */
body { font: system-ui; font-size: 1rem; background-color: #4b5320; color: #000; } 

h2 { text-align: center; text-decoration: underline;	 }
footer { text-align: center; margin-bottom: 2em; }
.bg-color-dark { background-color: #706849; color: #fff; }

.even { background-color: #fff; }
.odd { background-color: #feffe2; }

.khaki { background-color: #bab86c; }
.nav-link { padding-left: 0.25em; padding-right: 0.25em; padding-top: 0.25em; padding-bottom: 0.25em; }

/* Classes */
/*.bg-image { background-image: url('/images/opening-picture.jpg'); background-size: cover; }*/
/*.bg-color { background-color: #bab86c; color: #000; margin-bottom: 25px;} */

.bold { font-weight: bold; }
.button { border-radius: 0.5rem; border: #eee; }
.border-radius { border-radius: 0.5rem; }
.game-board {  margin: 2em; }
.modal-xl { min-width: 90%; }
.btn-block { width: 100%; }

.border-1-black { border: 1px solid #000; }

.footer-font { font-size: 0.25rem !important; }

.wrong-answer { background-color: #FF0000; }
.correct-answer { background-color: #ABC123; }
.hidden { display: none !important; }
.font-size-025em { font-size: 0.25rem; }
.font-size-05em { font-size: 0.5rem; }
.font-size-075em { font-size: 0.75rem; }
.question { padding-top: 0.5rem; margin-top: 0.5rem; font-size: 1.5rem; }

.mr-5 { margin-right: 5px !important;}

.text-center { text-align: center; }

.margin-bottom-0, .mb-0 { margin-bottom: 0px; }
.margin-bottom-5, .mb-5 { margin-bottom: 5px; }
.margin-bottom-10, .mb-10 { margin-bottom: 10px; }
.margin-bottom-25, .mb-25 { margin-bottom: 15px; }
.margin-end-0, .me-0 { margin-right: 0px; }
.margin-end-5, .me-5 { margin-right: 5px; }
.margin-start-0, .ms-0 { margin-left: 0px; }
.margin-start-25, .ms-25 { margin-left: 25px; }
.margin-start-40, .ms-40 { margin-left: 40px; }
.margin-top-5, .mt-0 { margin-top: 5px; }
.margin-top-10, .mt-10 { margin-top: 10px; }

.margin-start-05em { margin-left: 0.5rem; }
.margin-bottom-05em { margin-bottom: 0.5rem; }
.margin-2em; { margin: 2em; }

.padding-bottom-1em, .pb-1em { padding-bottom: 1rem; }
.padding-bottom-5, .pb-5 { padding-bottom: 5px; }
.padding-bottom-10, .pb-10 { padding-bottom: 10px; }
.padding-bottom-25, .pb-25 { padding-bottom: 15px; }
.padding-end-0, .pe-0 { padding-right: 0px; }
.padding-05-em { padding: 0.5rem; }
.padding-start-0, .ps-0 { padding-left: 0px; }
.padding-start-25, .ps-25 { padding-left: 25px; }
.padding--5 { padding: 5px; }
.padding-top-5, .pt-5 { padding-top: 5px; }
.padding-top-10, .pt-10 { padding-top: 10px; }

.modal-scrollable { overflow-y: initial !important; }
.modal-scrollable .modal-body-scrollable { max-height: calc(72vh - 200px); overflow-y: auto; }
.modal-body-scrollable { padding: 1em; }

/* Begin element IDs */

#div-header { background-color: #bab86c; margin-bottom: 0.5rem; border-radius: 0.5rem; }

/* End Element IDs */


/* Custom */