h1,
h2,
h3,
h4,
h5,
h6,
input {
  color: white;
}

.container {
  position: relative;
  text-align: center;
  color: white;
}

.centered {
  position: absolute;
  left: 50%;
}

.prodImg {
  width: 500px;
  margin: 30px;
  padding: 15px;
}

.neon {
  animation: flicker 0.11s ease-in-out infinite alternate;
  color: #fff;
}
.neonb {
  border: 0.2rem solid #fff;
  border-radius: 2rem;
  padding: 0.4em;
  box-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 2rem #e96c81, 0 0 0.8rem #e96c81, 0 0 2.8rem #e96c81, inset 0 0 1.3rem #e96c81;
}

@keyframes flicker {
  100% {
    /* Larger blur radius */
    text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #f09, 0 0 80px #f09, 0 0 90px #f09, 0 0 100px #f09, 0 0 150px #f09;
  }
  0% {
    /* A slightly smaller blur radius */
    text-shadow: 0 0 4px #fff, 0 0 10px #fff, 0 0 18px #fff, 0 0 38px #f09, 0 0 73px #f09, 0 0 80px #f09, 0 0 94px #f09, 0 0 140px #f09;
  }
}

@media only screen and (max-width: 600px) {
  .prodImg {
    width: 300px;
    margin: 30px;
    padding: 15px;
  }
  .neonb {
    border: 0.2rem solid #fff;
    border-radius: 2rem;
    padding: 0.2em;
    box-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 2rem #e96c81, 0 0 0.8rem #e96c81, 0 0 2.8rem #e96c81, inset 0 0 1.3rem #e96c81;
  }
}
