.form {
  background: #fff;
  border-radius: 5px;
  max-width: 340px !important;
  max-height: 510px !important;
  margin-left: auto;
  margin-top: 143px !important;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  left: 0;
  right: 0;
  position: absolute;
  background: rgba(27, 2, 15, 0.8);
  animation: 1.5s infinite;
}


.form:hover {
  box-shadow:-1px 10px 10px 5px black; !important;
  -webkit-animation-play-state: paused;
  }

::-webkit-input-placeholder,
::-webkit-textarea-placeholder {
  font-size: 1.5em;
  color: grey;
}


.title{
  display: block;
  font-family: sans-serif;
  width: 100px;
  height: 50px;
  margin: auto;
}


.pageTitle{
  margin-top: 10px;
  color: rgba(53, 11, 141, 0.8);
  font-size: 2em;
  font-weight: bold;
}

.name {
  background-color: #ebebeb;
 height: 40px;
}
.email {
  background-color: #ebebeb;
  height: 40px;
}
.mobile{
  background-color: #ebebeb;
  height: 40px;
}

.message {
  background-color: #ebebeb;
  overflow: hidden;
  height: 5rem;
}

.formEntry {
  display: block;
  margin: 30px auto;
  min-width: 300px;
  padding: 10px;
  border-radius: 2px;
  border: none;
  transition: all 0.5s ease 0s;
}

.submit {
  width: 200px;
  color: white;
  background-color: #F06724 !important;
  font-size: 20px;
}

.submit:hover {
 
  transform: translateY(-3px);
  width: 300px;
  background-color: blue;
  border-radius: 0%;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

.close1 {
  position: absolute;
  right: 10px;
  top: 10px;
  color: green;
  font-size: 35px;
  font-weight: bold;
}

.close1:hover,
.close1:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.8s;
  animation: animatezoom 0.8s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}