style.css

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,700");*{box-sizing:border-box}body{background-color:#3b4045;color:#3b4045;font-family:'Open Sans', sans-serif;margin:0}body strong{font-weight:700}h1{font-family:'Noto Serif', serif;color:#e3e3e3;font-size:4em}.grid-container{padding:2em;display:grid;height:100%;grid-template-columns:1fr 4fr 1fr;grid-gap:1px;grid-template-areas:". head ." ". main ." ". . ."}.main{grid-area:main;background-color:#d5d5d5;padding:1em;margin-top:1em;border-radius:10px;box-shadow:1px 10px 20px 20px #282b2f}.head{grid-area:head}.head svg{width:25%;transition:1250ms;fill:#00ace5}.head svg.alert{fill:#f44336}.head svg.green{fill:#009688}.containerDescription{text-align:center;text-transform:uppercase}.lt_grid-container{display:grid;height:100%;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;grid-gap:1px;grid-template-areas:"stat1 stat2 stat3"}[class*='lt_stat']{background-color:#e4e4e4;padding:.8em;margin:.2em;border-radius:8px}.lt_stat1{grid-area:stat1}.lt_stat2{grid-area:stat2}.lt_stat3{grid-area:stat3}.counter{text-align:center;transition:1250ms}.counter .count{font-size:6em;font-weight:700}.counter p{font-size:1.5em;margin:0}.counter.alert{color:#ffffff;box-shadow:0px 6px 0px 0px #f44336;background-color:#c33023}.counter.green{color:#ffffff;background-color:#009688}.counter:hover{transform:translateY(-10px)}
/*# sourceMappingURL=style.css.map */