.orange {
  color: orangered;
}

.fnt {
  font-size: 28px;
}
/* gradient for the profile image */
.bg_grad {
  background-image: radial-gradient(
    closest-side at 50% 50%,
    rgba(255, 68, 0, 0.33) 0%,
    rgba(217, 90, 43, 0.39) 0%,
    rgba(0, 0, 0, 1) 100%
  );
}
/* hero section profile image and background */
.profile_pht {
  width: 20rem;
  height: 40rem;
  background-image: url("../images/photo.png");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  z-index: 2;
  position: relative;
  top: -70px;
}

.blk_grad {
  background-image: radial-gradient(
    closest-side at 50% 50%,
    rgb(0, 0, 0) 0%,
    rgb(0, 0, 0) 0%,
    rgba(0, 0, 0, 0.11) 100%
  );
  height: 90px;
  width: 30rem;
  bottom: 50px;
}
.marg {
  max-width: 330px;
  text-align: center;
  margin-top: 80px;
}
/* glowing border */
.glow_border {
  border: 2px solid orangered; 
  box-shadow: 0 0 5px rgb(100, 63, 49),
   0 0 10px rgba(255, 68, 0, 0.73),
   0 0 36px rgba(255, 68, 0, 0.871); 
  background-color: #333;
  color: #fff;
}
/* Glowing border top */
.glow_top {
  border-top: 2px solid orangered; 
  box-shadow: 0 0 5px rgb(100, 63, 49),
   0 0 10px rgba(255, 68, 0, 0.73),
   0 0 20px rgba(255, 68, 0, 0.871); 
  background-color: #333;
  color: #fff;
}
.neon {
  color: #ff2e2e;
  text-shadow: 0 0 5px rgb(100, 63, 49), 0 0 10px rgba(255, 68, 0, 0.73),
    0 0 0px rgba(255, 68, 0, 0.763), 0 0 40px rgba(220, 67, 11, 0.805),
    0 0 80px rgba(255, 68, 0, 0.871);
}
/* Used transition effect for smooth trasnition for the navbar elements  */
.zoom {
  transition: all 0.8s;
}
/* Used Transofrm for scaling the <a> tag for a upscale of 1.1 */
.zoom :hover {
  transform: scale(1.1);
}

/* Used transition effect for smooth trasnition for the project screenshot images  */
.proimg {
  transition: all 0.86s;
}
/* Used Transofrm for scaling the project screenshot image a upscale of 1.02 */
.proimg :hover {
  transform: scale(1.02);
}

@media (min-width: 992px) {
  .fnt {
    font-size: 65px;
  }
  .prof {
    margin-right: 170px;
  }
  .marg {
    max-width: 540px;
  }
}