html{font-size:16px}body{color:#333;font-family:Arial,sans-serif;justify-content:center;line-height:1.5;margin:0;padding:0}:root{--primary-bg:#f5f5f5;--white:#fff;--shadow:#0000001a;--primary-color:#007bff;--error-color:#dc3545;--success-color:#28a745}.main-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.logo-div{align-items:end;display:flex;justify-content:end;max-width:750px;padding:20px;width:100%}.logo-div .header-image{filter:brightness(1.2) contrast(1.3);height:auto;justify-content:end;top:20px;width:150px}.centered-container{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;max-width:750px;padding:20px}.centered-container,.submit-button-container{display:flex;justify-content:center;width:100%}.submit-button-container{margin-top:20px}.email-sender{background:#fff;border-radius:10px;max-width:900px;padding:20px 30px;width:100%}.header-container{align-items:center;background:#e3ddde;background:linear-gradient(90deg,#e3dddefa,#d23131 0);border-radius:12px;box-shadow:0 2px 6px #0000001a;color:#333;display:flex;height:90px;justify-content:center;padding:20px 30px}.header-container h1,.header-container p{font-family:Arial,sans-serif;font-weight:600;margin:0}.header-container:hover{background:linear-gradient(90deg,#e3dddefa,#cf2e2e 0);box-shadow:0 2px 8px #0000001a}.header-container:active{transform:none}.header-content{align-items:center;display:flex;max-width:900px;padding:0 10px;position:relative;width:100%}.header-text{flex:1 1}.header-quote{color:#fff;font-family:Georgia,serif;font-size:1.8rem;font-weight:700;margin:0;text-align:center}h1{margin-bottom:20px}h2.subheading{color:#333;font-size:1.2rem;margin-top:20px}input,textarea{border:1px solid #ccc;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;font-family:inherit;font-size:1rem;max-width:400px;padding:10px 12px;width:100%}.inputbox{max-width:350px;position:relative;width:100%}.inputbox .error-text{color:red;font-size:.9rem;font-weight:700;left:0;line-height:1.2;margin-top:4px;position:absolute;top:100%;white-space:nowrap}.error-text{color:red;font-size:medium;font-weight:700;margin-top:10px}textarea{height:60px;resize:none}textarea:focus{border-color:#cf2e2e;box-shadow:0 0 5px #cf2e2e80;outline:none}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding-top:25px}.message-label{display:block;font-size:19px;font-weight:600;margin-bottom:5px}.input-container{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-top:25px;width:100%}input:focus{border-color:#cf2e2e;box-shadow:0 0 5px #cf2e2e80;outline:none}.email-label{color:#333;font-size:19px;font-weight:600;margin-bottom:5px;min-width:150px}.template-selector{align-items:center;color:#333;display:flex;gap:10px;margin-top:6.5px}.selector-label{color:#333;font-size:19px;font-weight:600}.template-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-family:inherit;font-size:1rem;padding:8px 12px;transition:all .3s ease}.template-dropdown:focus{border-color:#cf2e2e;box-shadow:0 0 5px #cd111180;outline:none}.templates-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px;padding:20px 0}.template-card{border:none;border-radius:8px;cursor:pointer;height:250px;margin:10px;padding:0;position:relative;text-align:center;transition:all .3s ease;width:300px}.template-card:hover{transform:scale(1.05)}.template-name{font-family:serif;font-size:20px;font-weight:700;margin-bottom:15px;text-align:center}.template-image{border-radius:5px;height:250px;margin-bottom:10px;object-fit:fill;width:100%}.selected{border:2px solid #cf2e2e;box-shadow:0 4px 8px #cd111180}.selected-text{background-color:#c41515;border-radius:5px;color:#fff;font-size:12px;left:10px;padding:5px 10px;position:absolute;top:10px;z-index:1}.send-email-btn{border:none;border-radius:3px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.send-email-btn,.send-email-btn:hover{background-color:#cf2e2e}@media (max-width:768px){.templates-container{align-items:center;flex-direction:column}.input{width:50%}.inputbox{max-width:100%}.template-card{margin-bottom:20px;width:90%}}@media (max-width:480px){.template-card{margin:10px 0;width:100%}.input{width:30%}.template-header,.template-selector{display:block;width:100%}.selector-label{display:block;margin-bottom:5px}.template-dropdown{width:100%}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}
/*# sourceMappingURL=main.e2d85bd3.css.map*/