/* dragsta contra regular */ 
@font-face {
  font-family: "Gehape";
  src: url("../files/GehapeVF.ttf");
}

:root{
  --custom-font: "Gehape"!important;
  --gap: 25;
  --width: 125;
 }


.custom-font, .custom-font > *, .typeshow > *, .typegallery > *, .gehape {
  font-family: "Gehape"!important;
  font-variation-settings: "wght" 125, "gpsz" 25!important;
  }


.typechange {
  height: 40vw;
  text-align: center!important;
  font-size: 35vw!important;
  line-height: 40vw!important;
  }

   /* display inline-block para evitar que haga DIVs al enter */ 

.textarea {
  font-family: "Gehape"!important;
  text-align: center!important;
  font-size: 70px;
  line-height: 70px;
  text-align: left;
  display:inline-block;
  font-variation-settings: "wght" var(--width), "gpsz" var(--gap)!important;
  }

  .animada, .animada > * {
    animation: ancho 2s infinite linear alternate!important;
    font-size: 25vw!important;
    margin-top: clamp(50px, 10vw, 250px);
    margin-bottom: clamp(50px, 10vw, 250px);
  line-height: 0px;
    }

   .gehape, .gehape > * {
      animation: ancho 2s infinite linear alternate!important;
      font-size: calc(var(--tam-1) * 2.8)!important;
      margin-top: clamp(50px, 10vw, 250px);
      margin-bottom: clamp(50px, 10vw, 250px);
    line-height: 0px;
      }

    @keyframes ancho {
      0% {font-variation-settings: "wght" 425, "gpsz" 25}
      50% {font-variation-settings: "wght" 275, "gpsz" 0}
      100% {font-variation-settings: "wght" 125, "gpsz" 25}
    }