body{font-family:"Roboto"}.app-container{background-image:-webkit-gradient(linear,left top,right top,from(#1d976c),to(#93f9b9));background-image:-o-linear-gradient(left,#1d976c,#93f9b9);background-image:linear-gradient(90deg,#1d976c,#93f9b9);min-height:100vh;-ms-flex-pack:center;justify-content:center;padding:20px}.app-container,.letters-calculator-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.letters-calculator-container{-ms-flex-direction:column;flex-direction:column;width:100%;max-width:1100px;grid-gap:40px;gap:40px}@media screen and (min-width:768px){.letters-calculator-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.calculator-section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:500px}.heading{color:#fff;font-size:32px;font-weight:700;line-height:1.4;margin-top:0;margin-bottom:32px}@media screen and (min-width:768px){.heading{font-size:48px}}.input-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:32px}.label-text{color:#fff;font-size:16px;font-weight:500;margin-bottom:12px}.phrase-input{background-color:transparent;color:#fff;border:1px solid #e4e7eb;border-radius:12px;padding:16px;font-size:16px;outline:none}.phrase-input::-webkit-input-placeholder{color:#e4e7eb;opacity:.7}.phrase-input::-moz-placeholder{color:#e4e7eb;opacity:.7}.phrase-input:-ms-input-placeholder{color:#e4e7eb;opacity:.7}.phrase-input::-ms-input-placeholder{color:#e4e7eb;opacity:.7}.phrase-input::placeholder{color:#e4e7eb;opacity:.7}.count-container{background-color:#fff;border-radius:12px;padding:12px 24px;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1)}.count-text{color:#219a6f;font-size:18px;font-weight:700;margin:0}.image-section{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;max-width:450px}.calculator-image{width:100%;height:auto}*{-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.5b5beaf5.chunk.css.map */