@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Rakkas&display=swap");
@import url(normalize.css);

:root {
  --main-font: "Cairo", sans-serif;
  --second-font: "IBM Plex Sans Arabic", sans-serif;

  --main-color: #21578d;
  --hover-color: #0f70d0;
  --dark-color: #202222;
  --p-color: #777;
  --shadow-color: #ddd;

  --main-transition: 0.3s;

  --main-padding: 90px;
}