@font-face{font-family:Telegraf;src:url(/build/assets/PPTelegraf-UltraLight-CVA2gA1G.otf) format("Opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Telegraf;src:url(/build/assets/PPTelegraf-Regular-Cq3DZQwr.otf) format("Opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Telegraf;src:url(/build/assets/PPTelegraf-UltraBold-CPDfQI1s.otf) format("Opentype");font-weight:800;font-style:normal;font-display:swap}:root{--base-clr: #000000;--line-clr: #42434a;--hover-clr: #222533;--text-clr: #000000;--secondary-text-clr: #e6e6ef;--accent-clr: #e867be;--accent-clr-light: #f19fd4}html{-webkit-text-size-adjust:100%}main{height:100%;width:100%;max-width:1920px;align-self:center;justify-self:center;font-family:Telegraf,Helvetica Neue,Arial,sans-serif;color:var(--secondary-text-clr);background-color:#fff;display:grid;grid-template-rows:auto 1fr;justify-items:center;align-items:center}.section1{padding:50px;width:100%;position:relative;background-color:var(--base-clr)}.section1 div{font-size:clamp(42px,5vw,72px);line-height:1.1;font-weight:400}#alert1{color:red;padding:0;margin:0;font-size:clamp(8px,2vw,15px);line-height:normal}.tick{width:clamp(20px,5vw,26px);height:clamp(20px,5vw,26px);position:absolute;transform:translateY(-20%)}form{margin-top:30px;margin-bottom:30px;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.bottom-wordlimit{display:flex;flex-direction:row;justify-content:space-between}#charCount{font-size:clamp(12px,2vw,16px)}form>div{width:100%;color:var(--text-clr);font-weight:600;font-size:clamp(16px,2vw,22px)}div>textarea::-webkit-scrollbar{display:none}div>textarea{scrollbar-width:none}.honey{position:absolute;left:-9999px;top:-9999px}div>textarea{width:100%;border:solid 2px black;resize:none;margin-top:5px;border-radius:4px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;font-family:Telegraf,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;padding:6px;font-weight:400;color:var(--text-clr);background-color:#fafafa;outline:none;transition:border-color .2s ease,box-shadow .2s ease}div>textarea:focus{box-shadow:0 0 0 2px #0003}form .top{display:grid;grid-template-columns:1fr 1fr;gap:40px;font-weight:500}form .top textarea{height:40px}form .bottom{font-weight:500}form .bottom textarea{padding:10px 12px;height:300px;font-weight:500;overflow:auto;white-space:normal}form button{align-self:flex-end;margin-top:40px;font-weight:500;border:none;background-color:var(--accent-clr);color:#fff;padding:10px 40px;border-radius:5px;display:block;text-decoration:none;font-size:clamp(16px,2vw,22px)}form a:hover{background-color:var(--accent-clr-light);color:var(--base-clr);cursor:pointer}.error-text{color:red;font-size:.9em;margin-top:4px}*,*:before,*:after{transition:width .4s ease,height .4s ease,padding .4s ease,margin .4s ease,transform .4s ease,left .4s ease,right .4s ease,top .4s ease,bottom .4s ease}@media (max-width: 1800px){form{width:50%}}@media (max-width: 1500px){form{width:60%}}@media (max-width: 1200px){form{width:70%}form a{margin-top:35px}.section1{padding:40px}}@media (max-width: 1000px){form{width:80%}form a{margin-top:30px}form .top textarea{height:38px}form .bottom textarea{height:250px}.section1{padding:40px 15px}}@media (max-width: 800px){form{width:85%}form a{margin-top:25px}form .top textarea{height:36px}form .bottom textarea{height:200px}.section1{padding:35px 15px}}@media (max-width: 600px){form{width:90%}form a{margin-top:20px}.section1{padding:30px 15px}.section1 div{font-size:clamp(42px,5vw,128px)}form .top{display:flex;flex-direction:column;gap:10px}form .bottom textarea{height:150px}}
