:root {
  --textMidPosition: "45%";
  --textWidth: "350px";
  --textEndPosition: "32px"
}


@keyframes backgroundAnim {
  0% {background-color: rgb(255, 255, 255);}
  25% {background-color: rgb(255, 255, 255);}
  50% {background-color: #FFEC1C}
  100% {background-color: rgb(255, 255, 255);}
}

@keyframes text {
  from { top: var(--textMidPosition);  width: var(--textWidth);}
  to {top: var(--textEndPosition); width: 158px;}
}


@keyframes opacityText {
  from { opacity: 0;}
  to {opacity: 1;}
}

@keyframes header {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes pageText {
  from{opacity: 0}
  to{opacity: 1;}
}

@keyframes fadeIn {
  from{opacity: 0;}
  to{opacity: 1;}
}
*{
  -webkit-tap-highlight-color: transparent;
}
html {
  overscroll-behavior: none;
}
html, body {
  overscroll-behavior: none;
  -webkit-overflow-scrolling: auto;
}
body {
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: auto;  
}
body::-webkit-scrollbar {
  display: none;
}
#root {
  width: 100%; 
  height: 100%;
}
figure{
  padding:0;
  margin:0;
}
.grecaptcha-badge { visibility: hidden; }