/** ADD YOUR AWESOME CODES HERE **/

/* .cd-words-wrapper {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  height: 1.2em;
} */

.cd-words-wrapper b {
  position: absolute;
  /* top: 0;
  left: 0; */
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  /* width: 100%; */
}

.cd-words-wrapper b.is-visible {
  opacity: 1;
  visibility: visible;
}

.cd-words-wrapper b span {
  display: inline-block;
  overflow: hidden;
  border-right: 2px solid #000;
  white-space: nowrap;
  animation: typing 2s steps(30, end), blink-caret 0.75s step-end infinite;
}

.message-box i.fa-brands,
.message-box i.fa-solid {
  font-size: 24px;
  color: #333;
}

.row.resume-row-label {
  padding-left: 15px;
}
.row.resume-row {
  align-items: center;
  padding-left: 15px;
  margin-bottom: 100px;
}

.email-link {
  color: #ffb347;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.email-link:hover {
  color: #007bff; /* Bootstrap primary blue */
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .row .col-md-6 .message-box {
    height: 290px;
    overflow-y: scroll;
  }
}

/* Typing animation */
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

/* Blinking cursor */
@keyframes blink-caret {
  from,
  to {
    border-color: transparent;
  }
  50% {
    border-color: white;
  }
}