* { box-sizing: border-box; scrollbar-width: thin; scrollbar-color: rgb(0, 0, 199) rgb(155, 184, 253); }
html { height: 100%; width: 100%; filter: grayscale(0%); margin: 0px; padding: 0px; }
body { background-color: rgb(255, 255, 255); color: var(--lnkC); font-family: "Guttman Frank"; height: 100%; width: 100%; margin: 0px; padding: 0px; overflow-y: auto; direction: rtl; }
grid-container { display: grid; grid-template: "logo logo logo logo logo logo logo" 60px "right right right menu left left left" 30px "right right right main left left left" calc(100% - 102px) "right right right footer left left left" 4px / 1fr 1fr 1fr 360px 1fr 1fr 1fr; gap: 0px; height: 100%; width: 100%; background-color: rgba(255, 152, 0, 0.1); }
grid-item { display: block; }
grid-container > grid-item { text-align: center; padding: 0px; font-size: 30px; }
grid-item.menu { grid-area: menu; }
grid-item.main { grid-area: main; background-color: rgb(255, 255, 255); margin: 4px 6px 0px; padding: 1px 10px 20px; border-radius: 7px; border: 4px double rgb(0, 150, 136); }
grid-item.right { grid-area: right; }
grid-item.left { grid-area: left; }
grid-item.logo { grid-area: logo; }
grid-item.footer { grid-area: footer; }
.overFolw { overflow-x: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: normal; }
a { color: var(--lnkC); padding-inline: 7px; border-radius: 7px; text-decoration-style: unset; text-decoration-line: none; }
a:link { color: var(--lnkC); }
a:visited { color: var(--lnkC); }
a:hover { color: var(--lnkCh); background-color: var(--lnkC); }
@media screen and (max-width: 630px) {
  grid-container { display: grid; grid-template: "logo logo logo" 60px "right menu left" 30px "right main left" calc(100% - 102px) "right footer left" 4px / 1fr 360px 1fr; }
}
@media screen and (max-width: 412px) {
  grid-container { display: grid; grid-template: "logo" 60px "menu" 30px "main" calc(100% - 102px) "footer" 4px; }
}