 @font-face {
     font-family: 'BebasKai Regular';
     src: url('../fonts/BebasKai-Regular-1.otf') format('opentype');
     font-weight: 400;
     font-style: normal;
     font-display: block;
 }

 #final_score,
 #final_time,
 #final_time_bonus,
 #final_level,
 #final_level_bonus {
     font-family: 'BebasKai Regular', sans-serif;
     font-weight: 400;
 }

 @font-face {
     font-family: 'Acumin Variable Concept';
     src: url('../fonts/AcuminVariableConcept.otf');
 }

 #game_number {
     font-family: 'Acumin Variable Concept';
 }

 .audioSection {
     display: none;
     height: 0;
 }

 #home_logo_div {
     animation: logoPulse 1s ease-in-out infinite;
 }

 @keyframes logoPulse {

     0%,
     100% {
         transform: scale(1);
     }

     50% {
         transform: scale(0.95);
     }
 }

 #btn_enter_div {
     animation: btnBreathe 1.2s ease-in-out infinite;
 }

 #btn_start_div {
     animation: btnBreathe 1.2s ease-in-out infinite;
 }

 #tap-to-stop {
     animation: btnBreathe 1.2s ease-in-out infinite;
 }

 .bonus-digit {
     position: relative;
     flex: 0 0 auto;
     height: min(8.333vw, 4.688vh);
 }

 .bonus-digit-layer {
     position: absolute;
     background-image: url('../images/full_num_atlas.png');
     background-repeat: no-repeat;
     background-size: 500% 400%;
 }

 .bonus-digit-sprite-clip {
     position: absolute;
     inset: 0;
     overflow: hidden;
 }

 .bonus-digit-track {
     display: flex;
     align-items: center;
     gap: min(0.278vw, 0.156vh);
 }

 .bonus-glow-track {
     position: absolute;
     inset: 0;
 }

 @keyframes btnBreathe {

     0%,
     100% {
         transform: scale(1);
     }

     50% {
         transform: scale(0.95);
     }
 }
