*{box-sizing:border-box}body{line-height:1.6;margin:0}img{display:block;max-width:100%}.app-container{align-items:center;background-image:url(/static/media/background.21709735cbdcb0610d1c.jpg);background-position:30%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-areas:"input" "..." "output" "links";grid-template-rows:min-content auto max-content min-content;height:100vh;justify-items:center;position:absolute;width:100%}.attribution-links-container{align-items:flex-end;display:flex;flex-direction:column;grid-area:links;justify-self:end;padding-right:.5em}a{color:#000;font-size:.75rem}@media (max-width:700px){.app-container{background-position:10%}}@media (max-width:550px){.app-container{background-position:20%}}@media (max-width:400px){.app-container{background-position:25%}}.input-box-container{grid-gap:.25em;display:grid;grid-area:input;grid-template-columns:auto;grid-template-rows:65% 1fr;height:100%;justify-items:center;margin:0 auto;max-width:600px;width:100%}.input{align-self:end;background-color:initial;border:none;font-family:Quintessential,cursive;font-size:1rem;grid-column:1;grid-row:1;height:75%;resize:none;scrollbar-color:#50230a #0000;scrollbar-width:thin;width:70%;z-index:1}.input::-webkit-scrollbar{height:0;width:.25em}.input::-webkit-scrollbar-track{background:none}.input::-webkit-scrollbar-thumb{background:#50230a;border:none}.button{align-self:start;background:none;border:3px solid #50230a;color:#50230a;font-family:Quintessential,cursive;font-size:1rem;grid-column:1;grid-row:2;padding:0 .75em;transition:all .2s ease-in-out;z-index:1}.button.hovered{background:#50230a;color:#fff;cursor:pointer}.scroll{grid-column:1;grid-row:1/3;width:100%;z-index:0}@media (min-width:500px){.button,.input{font-size:1.25rem}}.output-box-container{background:#ffffffbf;border:3px solid #0000ff40;border-radius:25px;grid-area:output;max-width:800px;min-height:16em;padding:1em;width:90%}.output-text{font-family:Comic Sans MS,sans-serif;height:100%;margin:0;width:100%}@media (min-width:500px){.output-text{font-size:1.125rem}}@media (max-width:600px){.output-box-container{min-height:8em}}
/*# sourceMappingURL=main.bd06817b.css.map*/