body {
overflow: hidden;
}
.btn-taekwon {
min-width: 100%!important;
}
.video-son {
background-color: white; }
@keyframes blink {
0%   { transform: scale(1); opacity: 1; }
50%  { transform: scale(1.2); opacity: 0.6; }
100% { transform: scale(1); opacity: 1; }
}
.bouton-aide {
transform: scale(0);
}
.blink {
animation: blink 0.6s ease-in-out 2;
} #tech_panel {
color: var( --e-global-color-accent );
font-family: "Kalam", Sans-serif;
line-height: normal;
}
#tech_panel p {
line-height: 1;
} #tkd-progress-bar {
height: 30px;
background-color: var( --e-global-color-accent );
}
#tkd-progress-bar #tkd-progress-bar-inner {
background-color: var( --e-global-color-secondary );
height: 30px
}
.progression-bar {
width: 100%;
height: 10px;
background: #ddd;
border-radius: 6px;
overflow: hidden;
}
.progression-fill {
height: 100%;
width: 0%;
background: #f5c542;
transition: width 0.4s ease;
}
.progression_text {
position:absolute;
top: calc(50% - 13px);
left: calc(50% - 40px);
font-family: "kalam";
font-weight: bold;
font-size: 18px;
color: #fff;
}
.bouton_replay,
.bouton_slow_motion {
transform: scale(0);
}
@keyframes blink {
0%, 100% {background-color:#FEF9DE;}
50% {background-color: var( --e-global-color-secondary );}
}
.bouton-aide a {
background-color: var( --e-global-color-secondary );
animation: blink 1s linear infinite;
}
@keyframes bouncees {
from { top:-27px; }
to { top:-32px; }
}
.bouton-aide:after {
content: url(https://taekwon-book.com/wp-content/uploads/2026/03/icon_arrow_down_show.svg);
position: absolute;
left: calc(50% - 16px);
top: -27px;
animation: bouncees;
animation-iteration-count: infinite;
animation-duration: 0.5s;
animation-direction: alternate;
animation-timing-function: eaze-in-out;
}