@import url(https://fonts.googleapis.com/css?family=Merriweather);body{margin:0;padding:0;font-family:Merriweather,serif;background-color:#f0f3f7}@media (min-width:700px){textarea{height:220px}}@media (max-width:700px){textarea{height:100px}}.user-input{grid-area:input}.user-input textarea{background-color:hsla(37,89%,76%,.55);border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.2);box-shadow:0 4px 6px 0 rgba(0,0,0,.2);width:100%;padding:8px;font-size:14px}.counter{grid-area:counter;text-align:center;background-color:#00aa8d;color:#fff}.counter .minus,.counter .plus{display:inline-block;font-size:20px;cursor:pointer;margin:8px;width:30px;border-radius:2px;-webkit-box-shadow:0 10px 14px 0 rgba(0,0,0,.2);box-shadow:0 10px 14px 0 rgba(0,0,0,.2);-webkit-transition:-webkit-transform .5s,-webkit-box-shadow .5s;transition:-webkit-transform .5s,-webkit-box-shadow .5s;-o-transition:transform .5s,box-shadow .5s;transition:transform .5s,box-shadow .5s;transition:transform .5s,box-shadow .5s,-webkit-transform .5s,-webkit-box-shadow .5s;color:hsla(0,0%,100%,.8);background-color:#2ac79b}.counter .minus:hover,.counter .plus:hover{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);-webkit-box-shadow:0 10px 14px 4px rgba(0,0,0,.2);box-shadow:0 10px 14px 4px rgba(0,0,0,.2)}.counter .number{display:inline;font-size:25px}.header{grid-area:header;background-color:#008975;color:#fff}.header .title{text-align:center;font-size:25px;font-weight:700;letter-spacing:4px;padding:10px}.footer{grid-area:footer;text-align:center;padding:8px;background-color:#000;color:#fff;font-size:12px}@media (min-width:700px){.result{height:204px}}@media (max-width:700px){.result{height:84px}}.result{grid-area:result;background-color:rgba(244,180,0,.69);padding:8px;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.2);box-shadow:0 4px 6px 0 rgba(0,0,0,.2);overflow:auto;-ms-word-wrap:break-word;word-wrap:break-word}.result .text{text-align:center;font-size:13px}@media (min-width:700px){.prediction{height:204px}}@media (max-width:700px){.prediction{height:84px}}.prediction{grid-area:prediction;background-color:#f09300;padding:8px;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.2);box-shadow:0 4px 6px 0 rgba(0,0,0,.2);overflow:auto;-ms-word-wrap:break-word;word-wrap:break-word}.prediction .pred-number{text-align:center;font-size:13px}.prediction .span{padding:8px}.chart{grid-area:chart;background-color:#fff}@media (min-width:700px){.app{display:grid;grid-template-columns:.3fr 1fr 1fr 1fr .3fr;grid-template-rows:.2fr .1fr .5fr .5fr .1fr;grid-gap:0 10px;grid-template-areas:"header header header header header" "counter counter counter counter counter" ". input result prediction ." ". chart chart chart ." "footer footer footer footer footer"}}.prediction,.result,.user-input{margin:10px}
/*# sourceMappingURL=main.42b529b8.css.map*/