.name_container {
  position: absolute;
  z-index: 2;
  bottom: 6%;
  margin-left: 3rem;
  max-width: 500px;
}

.say_hi2 {
  height: 50%;
  position: relative;
}

.say_hi2 {
  display: flex;
  flex-direction: column;
}

.nameNV {
  display: inline-block;
}

.wlcmwrd {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: var(--fs-400);
  color: white;
}

.main_background {
  z-index: -30;
  top: -90px;
  height: 100vh;
  position: relative;
}

.layer1,
.layer2 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.layer1 {
  z-index: 10;
  background: linear-gradient(to top, rgba(3, 3, 3, 0.9), rgba(0, 0, 0, 0.293), rgba(0, 0, 0, 0.8));
}

.layer2 {
  z-index: 5;
  background: url("/images/pexels-kaip-1341279.jpg");
  background-size: cover;
}

.bhi {
  font-size: var(--fs-400);
  color: beige;
  font-weight: 500;
  padding-left: 2px;
}

@media screen and (max-width: 768px) {
  .bhi {
    font-size: var(--fs-200);
  }

  .name_container {
    margin-left: calc(100vw * (5 / 100));
  }
}