* { box-sizing: border-box; scrollbar-color: rgb(0, 143, 0) rgb(175, 212, 175); scrollbar-width: thin; }
html { height: 100%; width: 100%; margin: 0px; padding: 0px;filter: grayscale(0%); }
body { height: 100%; width: 100%; margin: 0px; padding: 0px; background-color: var(--bodyBg); background-image: var(--bodyBgImage); font-family: Arial; font-size: 16px; overflow-y: auto; direction: rtl; user-select: none; }
.overFolw { overflow-x: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: normal; }
[onclick] { cursor: pointer; }
a { text-decoration: none solid rgb(0, 0, 0); }
a:link { color: rgb(0, 0, 0); }
a:visited { color: rgb(0, 0, 0); }
a:hover { background-color: var(--greenButtonBgH); color: var(--greenButtonCH); }
f-side { width: 100%; display: inline-block; height: 100%; }
f-side div { justify-self: center; }

b-footer { background-color: var(--textBg); background-image: var(--textBgImage); display: block; height: 100%; width: 100%; border: 4px double rgb(27, 27, 59); border-radius: 7px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 2px; }
si-frame { display: block; padding: 6px 15px; background-color: var(--textBg); background-image: var(--textBgImage); border: 0px double rgb(0, 0, 0); margin: 20px; border-radius: 7px; box-shadow: rgb(173, 173, 173) 4px 4px 10px -3px; }
si-mikra { display: block; font-family: "Guttman stam"; font-size: 20px; }
si-gmara { display: block; font-family: "Guttman Vilna"; font-size: 18px; padding: 1px 2px; text-align: justify; }
si-makor { display: block; font-family: Arial; font-size: 12px; color: var(--col1); }
si-makor a { text-decoration: none solid rgb(0, 0, 0); padding-inline: 7px; border-radius: 7px; }
si-makor a:link { color: var(--col1); }
si-makor a:visited { color: var(--col1); }
si-makor a:hover { color: rgb(255, 255, 255); background-color: var(--col1); }
b-info { display: block; margin-inline: auto; box-sizing: border-box; font-family: "Guttman Frank"; height: 100%; padding-bottom: 0px; }
b-info a { color: var(--lnkC); text-decoration: none solid rgb(0, 0, 0); padding-inline: 7px; border-radius: 7px; }
b-info a:link { color: var(--lnkC); }
b-info a:visited { color: var(--lnkC); }
b-info a:hover { color: var(--lnkCh); background-color: var(--lnkC); }

@media screen and (max-width: 600px) {
  f-side { display: none; }
}
@media screen and (max-width: 412px) {
  b-info { scrollbar-width: none; }
}