body {
  background-color: #1a4c8f; /* #fbc20b */ /* #fff1c3 */
  display: block;
  margin: 0 auto;
  justify-content: center; /* center horizontally */
  /*align-items: center;     */ /* center vertically */
  font-family: "WinkySans", sans-serif;
  color: #ff9400; /* #3A1515 */
}

body h1 {
  text-align: center;
}

my-toolbar header {
  width: 100%;
  text-align: center;
  background-color: #ff9400; /* 433500 FFC71A */
  padding: 15px 0;
}

my-toolbar nav {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

my-toolbar nav a {
  font-family: inherit;
  text-decoration: none;
  color: white; /* fffbf0 cornsilk */
  font-weight: 500;
}

my-toolbar nav a:hover {
  text-decoration: underline;
}

.policy-text {
  margin: 0px 20px;
  padding: 0px 20px; /* 0 top/bottom, 20 left/right */
  font-family: system-ui;
  border-style: solid;
  border-color: #433500;
  background: white;
}

/* WinkySans-Black */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-Black.ttf") format("truetype");
  font-weight: 900; /* Black */
  font-style: normal;
  font-display: swap;
}

/* WinkySans-BlackItalic */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-BlackItalic.ttf") format("truetype");
  font-weight: 900; /* Black */
  font-style: italic;
  font-display: swap;
}

/* WinkySans-Bold */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-Bold.ttf") format("truetype");
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap;
}

/* WinkySans-BoldItalic */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-BoldItalic.ttf") format("truetype");
  font-weight: 700; /* Bold */
  font-style: italic;
  font-display: swap;
}

/* WinkySans-ExtraBold */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-ExtraBold.ttf") format("truetype");
  font-weight: 800; /* ExtraBold */
  font-style: normal;
  font-display: swap;
}

/* WinkySans-ExtraBoldItalic */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800; /* ExtraBold */
  font-style: italic;
  font-display: swap;
}

/* WinkySans-Italic-VariableFont_wght */
/* This is a variable font, so it covers a range of weights when used with font-variation-settings */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900; /* Define a range for variable fonts */
  font-style: italic;
  font-display: swap;
}

/* WinkySans-Italic */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-Italic.ttf") format("truetype");
  font-weight: normal; /* Default italic weight if not specified */
  font-style: italic;
  font-display: swap;
}

/* WinkySans-Light */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-Light.ttf") format("truetype");
  font-weight: 300; /* Light */
  font-style: normal;
  font-display: swap;
}

/* WinkySans-LightItalic */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-LightItalic.ttf") format("truetype");
  font-weight: 300; /* Light */
  font-style: italic;
  font-display: swap;
}

/* WinkySans-Medium */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-Medium.ttf") format("truetype");
  font-weight: 500; /* Medium */
  font-style: normal;
  font-display: swap;
}

/* WinkySans-MediumItalic */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-MediumItalic.ttf") format("truetype");
  font-weight: 500; /* Medium */
  font-style: italic;
  font-display: swap;
}

/* WinkySans-Regular */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-Regular.ttf") format("truetype");
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}

/* WinkySans-SemiBold */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-SemiBold.ttf") format("truetype");
  font-weight: 600; /* SemiBold */
  font-style: normal;
  font-display: swap;
}

/* WinkySans-SemiBoldItalic */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600; /* SemiBold */
  font-style: italic;
  font-display: swap;
}

/* WinkySans-VariableFont_wght */
/* This is a variable font, so it covers a range of weights when used with font-variation-settings */
@font-face {
  font-family: "WinkySans";
  src: url("/fonts/WinkySans-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900; /* Define a range for variable fonts */
  font-style: normal;
  font-display: swap;
}