@font-face {
  font-family: clock-font;
  src: url(/assets/clock-font-5b9455382180cd4d6cc125b14a4b29460a03d6e6c9d05c10cf87c70171198bed.ttf) format("truetype");
}

.pray-time-wrapper {
  @apply flex justify-between items-center border-amber-400 border-b-2 w-full text-white;
}

.pray-time {
  @apply font-black text-3xl md:text-7xl text-center tracking-widest;
  font-family: clock-font, sans-serif;
}

.pray-label {
  @apply font-bold text-2xl md:text-5xl text-center tracking-wider;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

.turbo-progress-bar {
  display: none !important;
}