/* noto-sans-arabic-regular - arabic */
@font-face {
    font-family: 'Noto Sans Arabic';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('./assets/fonts/noto-sans-arabic-v14-arabic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./assets/fonts/noto-sans-arabic-v14-arabic-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('./assets/fonts/noto-sans-arabic-v14-arabic-regular.woff') format('woff'), /* Modern Browsers */
         url('./assets/fonts/noto-sans-arabic-v14-arabic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./assets/fonts/noto-sans-arabic-v14-arabic-regular.svg#NotoSansArabic') format('svg'); /* Legacy iOS */
  }

/* m-plus-rounded-1c-regular - latin */
@font-face {
    font-family: 'Rounded';
    font-style: normal;
    font-weight: 400;
    src: url('./assets/fonts/m-plus-rounded-1c-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./assets/fonts/m-plus-rounded-1c-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./assets/fonts/m-plus-rounded-1c-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('./assets/fonts/m-plus-rounded-1c-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('./assets/fonts/m-plus-rounded-1c-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./assets/fonts/m-plus-rounded-1c-v14-latin-regular.svg#MPLUSRounded1c') format('svg'); /* Legacy iOS */
  }

#loading {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  z-index: 99;
  align-items: center;
  background-color: white;
}

#loading-image {
  width: 17vw;
 z-index: 100;
}
  
.headphoneimg {
    max-width: 100%;
    vertical-align: middle;
    width: 200px;
    height: 150px;
    margin-bottom: 1em;
  }

.audio-player {
    width: 150px;
    height: 120px;
    position: relative;
}

.audio-player:hover {
    cursor: pointer;
}

.audio-player-controls {
    position: absolute;
}

.audio-player-button {
    height: 150px;
}

.audio-player-text:hover {
    cursor: pointer;
}