:root {
  --header-bg: #4d4d4d;
  --df-header-fg: #fff;
  --footer-bg: #4d4d4d;
  --df-footer-fg: #fff;
  --df-footer-border: #4d5b66;
  --df-body-bg: #fffbf5;
  --df-body-fg: #203240;


  --df-btn-border: #203240;
  --df-btn-tertiary: #cc0000;
  --df-btn-secondary: #727CF5;
  --df-btn-primary: #44934a;
  --df-btn-danger: #ff0000;

  /*
  --df-btn-primary: #203240;
  --df-btn-secondary: #203240;
  --df-btn-tertiary: #203240;
  */

}


.centered-container {
    background-image: url("../../assets/background.webp");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}