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

body {
  margin: 0;
}

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

.container {
  position: relative;
  display: flex;

  flex-direction: column;

  margin: 30px auto;

  width: calc(100% - (30px*2));
  max-width: 1200px;

  padding: 20px 0px;
}