* { box-sizing: border-box; scrollbar-color: var(--scrollbarColor); scrollbar-width: thin; }
html { height: 100%; width: 100%; background-color: rgb(0, 133, 0); }
body { height: 100%; width: 100%; margin: 0px; background-color: rgb(255, 0, 0); }
html[lang|="he"] body { font-family: "Guttman Drogolin"; }
html[lang|="en"] body { font-family: "Times New Roman"; }
html[dir|="rtl"] body { direction: rtl; }
html[dir|="ltr"] body { direction: ltr; }
grid-container { display: grid; grid-template: "upstart menu upend" 30px "sidestart main sideend" calc(100% - 31px) / 1fr 500px 1fr; gap: 1px; height: 100%; width: 100%; user-select: text; background-color: rgb(0, 0, 0); }
grid-item { display: block; margin: 0px; border-radius: 7px; color: var(--menuText); background-color: rgb(0, 0, 0); }
grid-item.menu { grid-area: menu; }
grid-item.main { grid-area: main; position: relative; }
grid-item.upstart { grid-area: upstart; overflow: hidden; }
grid-item.upend { grid-area: upend; overflow: hidden; }
grid-item.sidestart { grid-area: sidestart; }
grid-item.sideend { grid-area: sideend; }
grid-item.overFolw { overflow-x: hidden; word-break: break-word; }
main-info { display: block; padding: 7px 7px 20px; }
.contact { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); height: 180px; display: flex; flex-direction: column; align-items: center; line-height: 25px; border-radius: 90px; width: 300px; justify-self: center; }
.contact img { border-radius: 18px; }
side-start span { display: flex; justify-content: center; margin-top: 2px; }
main-info a { text-decoration: underline double rgb(0, 0, 255); }
main-info a:link { color: rgb(0, 0, 0); }
main-info a:visited { color: rgb(0, 0, 0); }
main-info a:hover { color: rgb(255, 0, 0); }
@media screen and (max-width: 800px) {
  grid-container { display: grid; grid-template: "upstart menu upend" 30px "sidestart main sideend" calc(100% - 30px) / 1fr 500px 1fr; gap: 0px; }
  grid-item { border-radius: 0px; }
}
@media screen and (max-width: 500px) {
  grid-container { display: grid; grid-template: "upstart menu upend" 30px "sidestart main sideend" calc(100% - 30px) / 1fr 100% 1fr; }
  grid-item.main { scrollbar-width: none; }
}