*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  }
  
  
  
  body{
  
  min-height:100vh;
  
  display:flex;
  
  justify-content:center;
  
  align-items:center;
  
  
  font-family:Arial,sans-serif;
  
  
  background:
  
  linear-gradient(
  135deg,
  #ffd6e8,
  #cde7ff
  );
  
  
  padding:20px;
  
  }
  
  
  
  
  .container{
  
  
  width:100%;
  
  max-width:550px;
  
  
  background:white;
  
  
  padding:40px;
  
  
  border-radius:30px;
  
  
  box-shadow:
  
  0 20px 40px rgba(0,0,0,.15);
  
  
  text-align:center;
  
  
  }
  
  
  
  
  h1{
  
  font-size:35px;
  
  margin-bottom:25px;
  
  }
  
  
  
  h2{
  
  margin-bottom:15px;
  
  }
  
  
  p{
  
  color:#666;
  
  margin-bottom:25px;
  
  }
  
  
  
  .menu{
  
  margin-bottom:30px;
  
  }
  
  
  
  .menu button{
  
  
  padding:12px 20px;
  
  
  border:none;
  
  
  border-radius:30px;
  
  
  background:#333;
  
  
  color:white;
  
  
  cursor:pointer;
  
  
  margin:5px;
  
  
  font-size:15px;
  
  
  }
  
  
  
  .menu button:hover{
  
  
  background:#ff8fab;
  
  
  }
  
  
  
  
  
  #imageUpload{
  
  
  margin-bottom:20px;
  
  }
  
  
  
  #previewImage{
  
  
  display:block;
  
  
  width:250px;
  
  height:250px;
  
  
  object-fit:cover;
  
  
  border-radius:20px;
  
  
  margin:20px auto;
  
  
  background:#eee;
  
  
  }
  
  
  
  
  .main-btn{
  
  
  width:100%;
  
  
  padding:15px;
  
  
  border:none;
  
  
  border-radius:30px;
  
  
  background:#ff8fab;
  
  
  color:white;
  
  
  font-size:18px;
  
  
  cursor:pointer;
  
  
  }
  
  
  
  .main-btn:hover{
  
  
  background:#fb6f92;
  
  
  }
  
  
  
  
  #result{
  
  
  margin-top:25px;
  
  
  padding:20px;
  
  
  background:#f7f7f7;
  
  
  border-radius:20px;
  
  
  font-size:20px;
  
  
  font-weight:bold;
  
  
  }
  
  
  
  
  .contact-form{
  
  
  display:flex;
  
  
  flex-direction:column;
  
  
  gap:15px;
  
  
  }
  
  
  
  
  .contact-form input,
  
  
  .contact-form textarea{
  
  
  padding:15px;
  
  
  border:1px solid #ddd;
  
  
  border-radius:10px;
  
  
  font-size:16px;
  
  
  }
  
  
  
  
  .contact-form textarea{
  
  
  height:150px;
  
  
  resize:none;
  
  
  }
  
  
  
  
  
  @media(max-width:500px){
  
  
  .container{
  
  padding:25px;
  
  }
  
  
  #previewImage{
  
  width:200px;
  
  height:200px;
  
  }
  
  
  }

  #loading{

    display:none;
    
    margin-top:20px;
    
    font-size:18px;
    
    color:#ff8fab;
    
    }