.my-input-group {display: flex;}
.input-style{background-color: transparent; border: 1px solid #ced4da; padding: 20px 10px;
  width: 100%; height: 22px; float: left; background-color: #e9ecef; margin-bottom: 10px;
  text-align: center;font-size: 18px;}
.btn-style{background-color: #343a40; border: 1px solid transparent; float: left; padding: 5px 13px;
  margin-top: -1px; margin-bottom: 10px; border-bottom-right-radius:3px;
  border-top-right-radius:3px; top: 1px;color: #fff}
.load-more-btn {background-color: #007bff; border: none; color: white; padding: 10px 20px;
  text-align: center; text-decoration: none; display: inline-block; border-radius: 5px;
  cursor: pointer;}


.textarea-box.fixed {padding-top: 0;}
.fixed {position: sticky;top: 63px;left: 0;width: 100%;}
.textarea-box {margin: 0 auto;text-align: center; padding: 30px 0 10px 0;width: 100%;}
.textarea-box .fancytext{ width:100%;  background-color:#fff !important; color:#000;border:3px solid #343a40 }
.toparea{width:100%;  background-color:#fff !important; color:#000;border: 2px solid black;border-radius: 10px;height: 80px}
textarea {text-align: center;}
h1{margin-top: 10px;padding-left: 5px;padding-right: 5px;}

@media(max-width: 768px)
{
  .generator-script{padding: 0px 10px;}
}