* {
  box-sizing: border-box;
}
html {
  scrollbar-gutter: stable;
}
/* Nord color scheme */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #2e3440;
    color: #eceff4;
/*        background-color: #02091c;
    color: #475ea1; */
  }
}
@media (prefers-color-scheme: light) {
  body {
    background-color: #eceff4;
    color: #2e3440;
  }
}
p, dl {
  text-align: center;
}
@media screen and (max-width: 375px) {
  p, dl {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 768px) and (min-width: 376px) {
  p, dl {
    margin: 10px;
    margin-left: 10vw;
    margin-right: 10vw;
  }
}
@media screen and (min-width: 769px) {
  p, dl {
    margin: 10px;
    margin-left: 25vw;
    margin-right: 25vw;
  }
}
a:link {
  color: #5e81ac;
}
a:visited {
  color: #bf616a;
}
@font-face {
  font-family: 'EB Garamond local';
  src: url(webfonts/EBGaramond-Regular.woff);
}
@font-face {
  font-family: 'Gentium';
  font-style: regular;
  src: url(webfonts/Gentium-7.000/Gentium-Regular.woff2);
}
@font-face {
  font-family: 'Ezra';
  src: url(webfonts/EzraSIL-2.51-web/web/SILEOT.woff);
}
body {
  font-family: /* "EB Garamond", "Garamond", */ "EB Garamond local", serif;
/* NB px is not `pixel', but some unit which can be shown `sharply' (as per documentation I found online on date of 20261006). */
  font: 20px "EB Garamond local";
  padding: 0;
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
h2 {
  text-align: center;
}
h3 {
/*      margin: 10px; */
  text-align: center;
}
footer {
/*      position: absolute; */
  bottom: 0;
  width: 100vw;
  background-color: #5e81ac;
  color: #a3be8c;
}
ul.footline {
  list-style-type: none;
  margin: 0;
  padding: 5px;
/*      background-color: #333333; */
/*      color: #a3be8c; */
  overflow: hidden;
}
ul.footline li {
  float: left;
  display: block;
  text-decoration: none;
  padding: 0 0;
}
ul.footline li a {
/*      float: left; */
  display: block;
/*      text-decoration: none; */
/*      background-color: #5e81ac; */
  color: #a3be8c;
  padding: 0 0;
}
img {
  border-radius: 10px;
}
*:lang(hbo-IL) {
  font-family: Ezra;
}
*:lang(grc-GR) {
  font-family: Gentium;
}


