*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Google Translate */
html.translated-rtl {
  direction: rtl;
}

body {
  font-family: -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol";
}


nav a {
  padding: 0.2rem;

  transition: 100ms ease background-color;
}

nav a:hover {
  background-color: rgba(0,0,0,0.2);
}

#main-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}