* {
  --zwd-gold: #bf900b;
}

body,h1,h2,h3,h4,h5,h6 {
  /*font-family: "Noteworthy", sans-serif;*/
}
body, html {
  height: 100%;
  color: black;
  font-size: 16px;
  line-height: 1.5;
  background-color:  white;
}
@font-face {
  font-family: 'Noteworthy';
  src: local('Noteworthy'),
    url('../fonts/Noteworthy-Lt.ttf') format('truetype');
}

.zwd-gold {
  background-color: var(--zwd-gold);
  color: #fff;
}

.zwd-text-gold {
  color: var(--zwd-gold);
}

.zwd-txt-white {
  color: white;
}

.zwd-white {
  background-color: white;
}

.w3-bar .w3-bar-item {
  padding-left: 8px;
  padding-right: 8px;
}

.zwd-logo {
  font-family: "Noteworthy", sans-serif;
}

.zwd-quote {
  font-family: "Noteworthy", sans-serif;
  font-weight: bold;
  font-size: 1.5em;
  border: 4px var(--zwd-gold) solid;
  border-radius: 10px;
  background-color: white;
  color: var(--zwd-gold);
}

.zwd-border {
  border: 1px var(--zwd-gold) solid;
}

.zwd-feedback {
  font-family: "Noteworthy", sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  border: 4px var(--zwd-gold) solid;
  border-radius: 10px;
  background-color: white;
  color: var(--zwd-gold);
  padding: 0 16px;
  margin-top: 16px;
  margin-bottom: 16px;
}
a.zwd-yt-logo {
  background-image: url('../img/yt_logo_rgb_light.png');
  background-position-y: center;
  padding-left: 30px;
  background-repeat: no-repeat;
}