/* main.css */
@font-face {
  font-family: 'UniversalFont';
  src: local('Exo'), url("https://fonts.gstatic.com/s/exo/v24/4UaZrEtFpBI4f1ZSIK9d4LjJ4lM3OwRmOw.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0100-024F; /* Latin */
}

@font-face {
  font-family: 'UniversalFont';
  src: local('Cairo'), url('https://fonts.gstatic.com/s/cairo/v30/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-a1biLD-H.woff2') format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF; /* Arabic */
}

body,
html {
  /* make HTML full page */
  height: 100%;
  margin: 0;
  padding-top: 30px;
  font-family: 'UniversalFont', sans-serif;
  font-size: 16px;
  background-image: url("../../static/images/white-noise.jpeg"); /* Adjust the path based on your project structure */
  background-repeat: repeat; /* Repeat the background image */
  background-size: 10% auto; /* Set the size of the repeated images */
}

/* Additional styles for other elements can go here */