@font-face {
  font-family: vilna;
  font-style: normal;
  font-weight: 400;
  font-display: swap;

  src: url(Mekorot-Vilna.ttf);
  /* unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; */
}


html,
body {
  font-family: 'vilna';
  width: 3840px;
  height: 2160px;
  background-image: url(background.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden; /* Hide scrollbars */
}



.box {
  border: 10px double #d4ac80;
  position: absolute;
  text-align: center;
  background-color: #ffffff1c;
}

#hayom{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.box_header {
  color: #d4ac80;
  background-color: #500809;
  border: 20px double #925627;
  font-size: 80px;
  text-align: center;
  margin-bottom: 10px;
}

.box_line {
  padding-left: 20px;
  padding-right: 20px;
  clear: both;
}

.name {

  float: right;
}

.time {

  float: left;
  direction: ltr;
}

.hebrew_date{
  font-size: 70px;
  display: block;
}

.english_date{
  font-size: 50px;
  display: block;
  
}

.zman_comment {
  margin-top: 0.4vh;
  font-size: 1.5vh;
}

.text{
  margin: auto;
  font-size: 80px;
  display: inline-block;
}
.time, .name {
  font-size: 60px;
}

.subheader {
  font-weight: 100;
  font-size: 70px;
  color: black;
  text-decoration-line: underline;
}

.custom_image{
   max-height: calc(100% - 145px);
   max-width: 95%;
}

#shabbos > .box_line:nth-child(odd), #weekday > .box_line:nth-child(odd), #zmanim > .box_line:nth-child(odd) {
  color: #6b1f1f;
}

#hayom .box_line:last-of-type span {
  font-size: 35px !important;
}

#hayomText {
  margin-bottom: 30px;
}