:root{
  --color-black:#000;
}
@font-face{
  font-family: "Rajdhani";
  src: url("../fonts/Rajdhani-Light.woff") format("woff"),
  url("../fonts/Rajdhani-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: light;
  font-display: swap;
}
@font-face{
  font-family: "Rajdhani";
  src: url("../fonts/Rajdhani-Regular.woff") format("woff"),
  url("../fonts/Rajdhani-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*{
  margin: 0;
  padding: 0;
}
body {
    font-family: "Rajdhani";
  }

/* MENU PRINCIPAL */
  .al-header-menu{
    background-color: var(--color-main);
  }
  ul.al-menu-main {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 10px;
  }
  ul.al-menu-main li.menu-item a {
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
  }
  ul.al-menu-main li.menu-item a:hover {
    border-bottom: 1px var(--color-white);
  }