*
{
  font-family:arial;
    font-weight: bold;
    font-size: 11px;
}
form
{
    background-color: #ecf7fc;
    border: 3px solid #3b3b3b;
    width: 330px;
    border-radius: 3px;
    margin: 8px auto;
    padding: 5px;
}
 label
 {
  color: #3b3b3b;
  padding-left: 10px;
  margin-top: 0.5em;
  display: inline-block;
  }  
 input {
    width : 300px;
    padding: 4px 10px;
    Margin: 5px 10px 10px 10px; 
    box-sizing: border-box;
    border:2px solid #d0deea;
    }
    input:focus{
    outline: none;
  }
  button {
    
    padding : 5px;
    color: #3b3b3b;
    border : 2px solid #333;
    border-radius: 150px;
    background-color: #f0f5f8;
    cursor : pointer;
    text-align: center;
    width: 165px;
    border-color: #bfd0e1;
    margin: 5px 80px;
    
  }
  button:hover,
  button:focus {
    outline     : none;
    background  : #000;
    color       : #FFF;
  }
/*After form submission css*/
.wrapper {
  display: flex;
  justify-content:center;
  align-items: center;
  background: black;
 }
 .txt
 {
   color: rgba(3, 54, 3, 0.911);
   background: black;
   font-size: 50px;
   font-weight: bold;
   font-family: Arial;
 }
   
   
   .txt::before {
    content: 'Form Validation Successfull';
    position: absolute;
    mix-blend-mode: difference;
    filter: blur(3px);
}
.neon-wrapper {
    display:inline-flex;
    filter: brightness(200%);
    overflow: hidden;
}
.gradient{
  background:linear-gradient(110deg, black 23px, transparent 23px);
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height:100%;
  mix-blend-mode: multiply;
}
.dodge {
  background: radial-gradient(circle,white,black 60%);
  position: absolute;
  top:-100%;
  left:-100%;
  right:0;
  bottom:0;
  mix-blend-mode: color-dodge;
  animation: dodge-area 2.5s linear infinite;
}    

@keyframes dodge-area {
    to {
        transform: translate(50%,50%);
    }
}