h1 {
    border: 2px solid rgb(187, 37, 69);
    border-radius: 10px;
    padding: 8px;
    color: #333333;
    font-family: 'Karantina', cursive;
    font-size: 100px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
  }

  /* Center the popup on the screen */
  .popup {
    filter: none;
    position: fixed;
    top: 150px;
    left: 500px;
    transform: translate(0, 0);
    background-image: url("popup.png");
    background-color: white;
    backdrop-filter:blur(10px);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 5px 5px 5px rgba(5, 5, 5, 0.1);
  }
  
@keyframes zoomIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.popup{
  animation: zoomIn 0.3s;
}



.name-input {
  width: 40%;
  text-align: center;
  padding: 8px 12px;
  border-radius: 4px;
  border-image: linear-gradient(to bottom, #BA8A48, #F7D17E) 1;
  background-color: #f8f8f8;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333;
  direction: rtl;
}
.phone-input{
  width: 40%;
  text-align: center;
  padding: 8px 12px;
  box-shadow: 0 0 0 1px #BA8A48, 0 0 0 2px #F7D17E;
  background-color: #f8f8f8;
  font-family: Arial, sans-serif;
  font-size: 14px;
  direction: rtl;

}
.email-input{
  width: 40%;
  text-align: center;
  padding: 8px 12px;
  border-radius: 4px;
  border-image: linear-gradient(to bottom, #BA8A48, #F7D17E) 1;
  background-color: #f8f8f8;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333;
  direction: rtl;
  

}