/* Vars. */
:root {
  /* Colors. */
  --g-border-color: 235, 240, 245;
  --g-background: 255, 255, 255;

  --g-font-color: 40, 55, 70;
  --g-link-color: 95, 135, 255;

  /* Sidenav. */
  --sidenav-width: 270px;
}

* {
  direction: rtl;
  box-sizing: border-box;
  text-decoration: none;
  font-family: 'Tajawal', 'Roboto';
}

body {
  margin: 0;
  margin-top: 70px;
  margin-right: var(--sidenav-width);

  background: rgba(var(--g-background), 1);
}
body.minimized-sidenav {
  --sidenav-width: calc(45px + (20px*2));
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

.container {
  margin: 0 auto;

  width: 100%;
  max-width: 1200px;

  padding: 0 60px;
}

a {
  color: rgba(var(--g-link-color), 1);
}