/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* Icon Font - For social media and UI icons */
@font-face {
  font-family: 'audiompeg-icons';
  src: url('../fonts/audiompeg-icons.eot');
  src: url('../fonts/audiompeg-icons.eot#iefix') format('embedded-opentype'),
       url('../fonts/audiompeg-icons.woff2') format('woff2'),
       url('../fonts/audiompeg-icons.woff') format('woff'),
       url('../fonts/audiompeg-icons.ttf') format('truetype'),
       url('../fonts/audiompeg-icons.svg#audiompeg-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Icon classes - We're using CSS classes to represent icons for better accessibility */
.icon-facebook:before { content: '\f39e'; }
.icon-twitter:before { content: '\f099'; }
.icon-instagram:before { content: '\f16d'; }
.icon-linkedin:before { content: '\f0e1'; }
.icon-play:before { content: '\f04b'; }
.icon-pause:before { content: '\f04c'; }
.icon-volume:before { content: '\f028'; }
.icon-mute:before { content: '\f6a9'; }
.icon-menu:before { content: '\f0c9'; }
.icon-close:before { content: '\f00d'; }