body {
  font-family: "Josefin Sans", sans-serif;
  background-color:#F5C4C4;
  color: #3b3b3b;
}


/* josefin-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/josefin-sans-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.josefin-sans-medium {
  font-family: "Josefin Sans", sans-serif;
  font-size: auto;
  font-weight: 500;
  font-style: normal;
}

a:link { color: #737915; text-decoration: none; }
a:visited { color: #737915;}
a:hover { color: #939240 !important; text-decoration: underline;}
a:active { color: #737915; }


#main-box {
  margin:72px 10px 72px 10px;
}

.intro-text {
  margin-bottom:10px;
  padding:4px;
  font-size: 1.3em;
  color: #3b3b3b;
}

.soundbox {
  border: 1px solid #66824f;
  margin-bottom:10px;padding:4px;
  font-size:1.1em;
}