@font-face {
  font-family: 'PT Sans';
  src: url("../font/ptsans-regular.woff"); }
*, html, body {
  font-family: 'PT Sans', sans-serif; }

body {
  padding: 20px; }

main {
  line-height: 130%; }
  main h1 {
    font-size: 1.3rem; }
  main a.reload {
    margin-left: 15px; }
  main a {
    color: #467e99; }

table.pure-table.monthData th, table.pure-table.monthData td, table.pure-table.monthDailyData th, table.pure-table.monthDailyData td {
  font-size: .9rem; }
table.pure-table.monthData td.month, table.pure-table.monthDailyData td.month {
  background: rgba(224, 224, 224, 0.4); }
table.pure-table.monthData td.grey, table.pure-table.monthDailyData td.grey {
  color: #999; }

h2.chart {
  font-size: 1.2rem;
  margin-top: 40px; }

p.close {
  text-align: right; }

.flex.leftAndRight {
  width: 50%;
  display: flex;
  justify-content: space-between; }

@media (max-width: 800px) {
  .flex.leftAndRight {
    width: 100%; } }
@media (max-width: 500px) {
  h1 {
    font-size: 1.4rem; }

  body {
    font-size: 1.1rem;
    padding: 10px; } }
/*----- Layout-CSS  --------------------------------*/
.t-center {
  text-align: center; }

.t-right {
  text-align: right; }

.t-left {
  text-align: left; }

.bold {
  font-weight: bold; }

.m-l-5 {
  margin-left: 5px; }

.m-l-10 {
  margin-left: 10px; }

.m-l-15 {
  margin-left: 15px; }

.m-l-20 {
  margin-left: 20px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-t-5 {
  margin-top: 5px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-15 {
  margin-top: 15px; }

.m-t-20 {
  margin-top: 20px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-b-20 {
  margin-bottom: 20px; }

.p25 {
  width: 25%; }

.p50 {
  width: 50%; }

.p75 {
  width: 75%; }

.p100 {
  width: 100%; }

/*# sourceMappingURL=layout.css.map */