#typing-text p {
  font-size: 120%;
  color: rgb(255, 255, 255);
  text-align: left;
  font-weight: 100; 
  font-family: monospace;
  margin: 1rem 0 1rem 2rem;
}

#typing-text {
  display: flex;
  font-family: sans-serif;
  justify-content: center;
  font-weight: 100;
}
/* Typewriter effect 1 */
/* @keyframes typing {
  0.0000%,
  27.3488% {
    content: "“Wa";
  }
  1.1395%,
  26.2093% {
    content: "“Wake ";
  }
  2.2791%,
  25.0698% {
    content: "“Wake up ";
  }
  3.4186%,
  23.9302% {
    content: "“Wake up to ";
  }
  4.5581%,
  22.7907% {
    content: "“Wake up to re";
  }
  5.6977%,
  21.6512% {
    content: "“Wake up to reali";
  }
  6.8372%,
  20.5116% {
    content: "“Wake up to reality”";
  }
  7.9767%,
  19.3721% {
    content: "“Wake up to reality” -";
  }
  9.1163%,
  18.2326% {
    content: "“Wake up to reality” -Mada";
  }
  10.2558%,
  17.0930% {
    content: "Crafting digital experiences, one pixel at a time";
  }

  30.7674%,
  51.2791% {
    content: "lo";
  }
  31.9070%,
  50.1395% {
    content: "love";
  }
  33.0465%,
  49.0000% {
    content: "loves to";
  }
  34.1860%,
  47.8605% {
    content: "loves to bu";
  }
  35.3256%,
  46.7209% {
    content: "loves to build ";
  }
  36.4651%,
  45.5814% {
    content: "loves to build stu";
  }
  37.6047%,
  44.4419% {
    content: "loves to build stuff";
  }

  54.6977%,
  75.2093% {
    content: "thr";
  }
  55.8372%,
  74.0698% {
    content: "thriv";
  }
  56.9767%,
  72.9302% {
    content: "thrives ";
  }
  58.1163%,
  71.7907% {
    content: "thrives on";
  }
  59.2558%,
  70.6512% {
    content: "thrives on c";
  }
  60.3953%,
  69.5116% {
    content: "thrives on coff";
  }
  61.5349%,
  68.3721% {
    content: "thrives on coffee";
  }

  78.6279%,
  96.8605% {
    content: "tryin";
  }
  79.7674%,
  95.7209% {
    content: "trying to";
  }
  80.9070%,
  94.5814% {
    content: "trying to make";
  }
  82.0465%,
  93.4419% {
    content: "trying to make it";
  }
  83.1860%,
  92.3023% {
    content: "trying to make it bi";
  }
  84.3256%,
  91.1628% {
    content: "trying to make it big";
  }
}

@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
} */

.typewriter::before {
  content: "Crafting digital experiences, one pixel at a time";
}

/* .typewriter::before {
    content: "";
    animation: typing 13.5s infinite;
  }
  
  .typewriter::after {
    content: "";
    border-right: 1px solid var(--caret);
    animation: blink 0.5s linear infinite;
  }
  
  .typewriter.thick::after {
    border-right: 1ch solid var(--caret);
  }
  
  .typewriter.nocaret::after {
    border-right: 0;
  } */

@media (prefers-reduced-motion) {
  /* .typewriter::after {
    animation: none;
  } */

  /* @keyframes sequencePopup {
    0%,
    100% {
      content: "developer";
    }
    25% {
      content: "writer";
    }
    50% {
      content: "reader";
    }
    75% {
      content: "human";
    }
  } */

  /* .typewriter::before {
        content: "developer";
        animation: sequencePopup 12s linear infinite;
      } */
}

/**/