@font-face {
  font-family: 'Libyco-Berber';
  src: url('fonts/alibu-mazigh.eot'); /* IE9 Compat Modes */
  src: url('fonts/alibu-mazigh.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/alibu-mazigh.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/alibu-mazigh.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/alibu-mazigh.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/alibu-mazigh.svg#Libyco-Berber') format('svg'); /* Legacy iOS */
       font-weight: normal;
       font-style: normal;
}


@font-face {
  font-family: 'FreeSerif';
  src: url('fonts/FreeSerif.ttf')  format('truetype'), /* Safari, Android, iOS */
       font-weight: normal;
       font-style: normal;
}

@font-face {
  font-family: 'HelveticaWorld';
  src: url('fonts/HelveticaWorld.ttf')  format('truetype'), /* Safari, Android, iOS */
       font-weight: normal;
       font-style: normal;
}

h1 {
    font-family: 'Libyco-Berber';
    font-size: 2em;
    font-weight: normal;
    font-style: normal;

}

h2 {
    font-family: 'FreeSerif';
    font-size: 2em;
    font-weight: normal;
    font-style: normal;

}

h3 {
    font-family: 'HelveticaWorld';
    font-size: 2em;
    font-weight: normal;
    font-style: normal;

}

h4 {
    font-family: 'FreeSerif';
    font-size: 2em;
    font-weight: normal;
    font-style: normal;

}

a {
  color: blue;
}

a:link {
  text-decoration: none;
  color: blue;
}

a:visited {
  text-decoration: none;
  color: purple;
}

a:hover {
  text-decoration: none;
  color: #FF8C00;
}

a:active {
  text-decoration: none;
  color: orange;
}