#root,.app-wrapper,html,body{height:100%}.app-wrapper{display:flex;flex-direction:column;justify-content:space-between}.app{align-self:center;text-align:center;display:flex;flex-flow:column wrap;max-width:800px;padding-top:2rem;padding-bottom:2rem}::placeholder{color:#999;opacity:1}:-ms-input-placeholder{color:#999}::-ms-input-placeholder{color:#999}button{border:3px solid #111;font-family:inherit;color:#111;background:#fafafa;padding:1rem;font-size:1.5rem;font-weight:700;cursor:pointer}button:disabled{cursor:default;opacity:50%}textarea{border:3px solid #111;background:#fafafa;padding:1rem;font-size:1.5rem;font-weight:700;font-family:inherit;min-height:8rem;border-radius:0}.input-section{display:flex;flex-flow:column wrap;align-items:center;gap:1rem;margin-bottom:2rem}.field-label{font-weight:700;font-size:1.5rem;background:#fafafa;padding:1rem;border:3px solid #111;border-bottom:none}@media (max-width: 350px){.field-label{font-size:1rem}}.field-wrapper{display:flex;flex-flow:column wrap;align-items:flex-start}.output-section{display:flex;flex-flow:column wrap;align-items:center}.full-width-box{width:min(35rem,100vw - 1rem)}.change-image-button{position:absolute;right:-3px;top:0;transform:translateY(calc(-100% - 1rem));font-size:1rem;padding:.5rem}header{margin-bottom:1rem;display:flex;flex-flow:row wrap;gap:1rem;align-items:center;justify-content:center}@media (max-width: 600px){header{flex-flow:column wrap;gap:0;margin-bottom:2rem}}.title{color:#fafafa;font-size:7rem;font-family:Whisper;margin-bottom:1rem;font-weight:400;-webkit-text-stroke:3px #111}@media (max-width: 400px){.title{font-size:6rem;-webkit-text-stroke:2px #111}}.subtitle{text-align:left;margin-top:-10px}@media (max-width: 600px){.subtitle{text-align:center}}footer{font-weight:700;font-size:.8rem;text-align:right;padding:.5rem;line-height:1.5em}.image-upload-label{background:#fafafa;border:3px solid #111;font-size:2rem;font-weight:700;padding:1rem;color:#999;cursor:pointer}.image-upload{display:none}.image-upload-border{border:3px dashed #999;padding:2rem 1rem;border-radius:1rem}.image-output{position:relative;overflow:hidden}.image-text-wrapper{position:absolute;top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem);font-size:4rem}@media (max-width: 500px){.image-text-wrapper{font-size:3rem}}@media (max-width: 350px){.image-text-wrapper{font-size:2.5rem}}.image-text,.image-text-evil{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:3;white-space:pre-line;font-family:Whisper;color:#fafafa}.image-text-evil{color:#111;z-index:2;pointer-events:none}.image-image{z-index:1}.image-output-wrapper{position:relative;background:#fafafa;border:3px solid #111;padding:0}.image-output-wrapper img{margin:0;display:block}.settings-wrapper{border-top:3px solid #111;background:#fafafa;padding:1rem;font-weight:700;font-size:1.25rem;text-align:left;display:flex;flex-flow:column wrap;gap:.5rem}.settings-item{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;column-gap:1rem;row-gap:.5rem}.settings-item-input{margin-bottom:-.3em}.image-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.6666666667);z-index:5}.image-modal{width:min(600px,100vw - 2rem);max-height:calc(100vh - 2rem);overflow:scroll;border:3px solid #111;background:pink;position:relative}.image-modal-subtitle{font-weight:700;font-size:1rem}.image-modal-output-image{max-width:100%;border-top:3px solid #111;display:block}.image-modal-header{display:flex;font-weight:700;align-items:center;text-align:left}.image-modal-header-text{flex:1;display:flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;padding:1rem;font-size:1.5rem}.image-modal-close-button{border:3px solid #111;padding:0 0 .2em;height:3rem;width:3rem;margin-right:1rem;display:flex;align-items:center;justify-content:center;font-size:3rem}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Whisper;src:url(/whisperer/Upright.otf) format("opentype")}body{background:pink;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#111}a{color:inherit;text-decoration:none;border-bottom:1px dashed #111}a:hover{border-bottom:1px solid #111}