*{
  box-sizing: border-box;
}
body 
{
      background-image:linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.75)), url('salon2.jpg');
      background-repeat: no-repeat;
      height:100vh;
      background-size: cover;
      background-position:absolute;
      backface-visibility: hidden;
}

h1{
   background-color:transparent;
  color: darkturquoise;
  margin-top: 50px;
  font-size: 50px;
}
h1::before{
  content: '';
  position: absolute;
  width: 100px;
  height: 3px;
  background-color: blue;
  bottom: -10px;
  left: 30%;
  transform: translateX(-30%);
  animation: animate 4s linear infinite;
  transition: 0.6s ease;
}
@keyframes animate{
  0%{
      width: 100px;
  }
  50%{
      width: 500px;
  }
  100%{
      width: 100px;
  }
}

p{
  font-size: medium;
}
p1{
  margin-left: 40%;
  color: antiquewhite;
}
p2{
  margin-left: 1%;
  color: cornsilk;
}
tr , td{
  background-color:transparent;
  color:white;
  text-align:left;
  border: 2px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;

}
table{
  border-collapse:separate;
  border-spacing: 5px;
  
}


.input-container
{
  
  display: flex;
  width: 100%;
  margin-bottom: 15px ;

}

.input-field:focus
{
  border: 2px solid dodgerblue;
}
button{

  background-position: center;
}
.btn {
  background-color: maroon;
  color: white;
  padding: 8px;
  margin: 10px 0;
  border: none;
  left: 50%;
  margin-left: 45%;
  width: 10%;
  align-items: center ;
  border-radius: 3px;
  cursor: pointer;
  font-size: 15px;
}

.btn:hover {
  background-color: lightcoral;
}