* { scrollbar-width: thin; }
html { height: 100%; width: 100%; }
body { min-height: 100%; width: 100%; margin: 0px; direction: rtl; font-family: Arial; }
upper-logo { display: flex; position: sticky; top: 0px; flex-direction: column; align-items: center; background-color: rgb(255, 255, 255); }
select-menu { display: flex; justify-content: space-evenly; max-width: 600px; justify-self: center; height: 26px; column-gap: 20px; }
select { font-family: Arial; font-size: 18px; }
canvas { height: 72px; width: 100%; background-color: rgb(255, 255, 255); max-width: 720px; min-width: 350px; }
@media screen and (max-width: 650px) {
  select-menu { column-gap: 10px; }
  select { font-size: 15px; }
}