h1 {
  font-size: 50px;
  font-weight: 600;
  background-image: linear-gradient(to right, #3a2475, #663a93);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  padding: 15px 0;
  font-weight: bolder;
  border-right: 4px solid #3a2475;
  animation: cursor 1.5s infinite step-end;
}

h2 {
  font-size: 35px;
  font-weight: 600;
  background-size: 250px;
  background-repeat: repeat;
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 2px 2px 4px rgba(179, 147, 211, 0.1), 3px 4px 4px rgba(179, 147, 211, 0.15),
    4px 6px 4px rgba(179, 147, 211, 0.2), 5px 8px 4px rgab(179, 147, 211, 0.25);
  padding: 15px 0;
  font-weight: bolder;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: capitalize;
}

@keyframes cursor {
  0%,
  100% {
    border-color: transparent;
  }
  50% {
    border-color: #000;
  }
}

@keyframes typing {
  0% {
    width: 10ch;
  } /*Text is hidden*/
  30% {
    width: 16ch;
  } /*The enitre header will be typed out*/
  80% {
    width: 16ch;
  } /*Text stays visible*/
  90% {
    width: 0ch;
  } /*Text is deleted*/
  100% {
    width: 0ch;
  } /*Text stays hidden*/
}

p {
  line-height: 1.8;
}

img {
  max-width: 100%;
}