.red-text {
  color: #ff5252 !important;  /* Material Red 500 */
}
.green-text {
  color: #4caf50 !important;  /* Material Green 500 */
}
.orange-text {
  color: #FF9800 !important;  /* Material Orange 500 */
}

:root {
  --md-primary-fg-color:        #188B1D;  /* Top bar color */
  --md-primary-fg-color--light: #1E9227;  /* Lighter variant */
  --md-primary-fg-color--dark:  #118414;  /* Darker variant */
  --md-accent-fg-color:         #118414;  /* Hover color */
}

.button-center {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

:root {
    --md-text-font: "Gothic A1"; 
}

.md-typeset {
    font-family: "Gothic A1", sans-serif;
}

.rounded-image {
  border-radius: 12px;
}