.app-container{background-image:-webkit-gradient(linear,left top,right top,from(#1d976c),color-stop(107%,#93f9b9));background-image:-o-linear-gradient(left,#1d976c 0,#93f9b9 107%);background-image:linear-gradient(90deg,#1d976c 0,#93f9b9 107%);height:100vh}.app-container,.letters-calculator-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.letters-calculator-container{-ms-flex-direction:column;flex-direction:column;width:90%}@media screen and (min-width:992px){.letters-calculator-container{-ms-flex-direction:row;flex-direction:row}}.calculator-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-order:1;order:1}@media screen and (min-width:992px){.calculator-container{-ms-flex-align:start;align-items:flex-start;-ms-flex-order:0;order:0}}.heading{text-align:center;color:#fff;font-family:"Roboto";font-size:24px;font-weight:700}@media screen and (min-width:768px){.heading{font-size:46px}}@media screen and (min-width:992px){.heading{text-align:start;font-size:46px}}.input-phrase-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.label{font-size:12px;font-weight:700}.label,.letters-input{color:#fff;font-family:"Roboto"}.letters-input{background-color:transparent;font-size:16px;font-weight:500;border:1px solid #e4e7eb;border-radius:4px;margin-top:8px;padding:8px 12px;outline:none}@media screen and (min-width:768px){.letters-input{width:350px}}.letters-count{-ms-flex-item-align:center;align-self:center;color:#219a6f;background-color:#fff;font-family:"Roboto";font-size:24px;font-weight:700;border-radius:12px;margin-top:32px;padding:18px 24px}@media screen and (min-width:992px){.letters-count{-ms-flex-item-align:start;align-self:start;padding:24px 32px}}@media screen and (min-width:1200px){.letters-count{padding:30px 38px}}.letters-calculator-image{width:100%;-ms-flex-order:0;order:0}@media screen and (min-width:992px){.letters-calculator-image{width:550px;-ms-flex-order:1;order:1}}@media screen and (min-width:1200px){.letters-calculator-image{width:700px}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.a759a195.chunk.css.map */