: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("background.webp");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;

}

.page_container {
  background-image: url("background.webp");
  background-size: cover;
  background-attachment: fixed;
}