@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");.container,.footer,.grid{margin-left:auto;margin-right:auto;max-width:1024px}*,:after,:before{box-sizing:border-box}:root{--grey--50:#fafafa;--grey--900:#212121;--blue--100:#bbdefb;--blue--800:#1565c0;--blue--900:#0d47a1;--red--100:#ffcdd2;--yellow--100:#fff9c4;--green--100:#c8e6c9;background-color:var(--grey--50);color:var(--grey--900);font-family:Roboto,sans-serif;font-size:1.125em}body{margin:0}h1,h2,h3,h4,h5,h6,ol,p,ul{-webkit-margin-before:0;margin-block-start:0}ol,p,ul{-webkit-margin-after:1rem;line-height:1.5;margin-block-end:1rem}a{--link--background-color:var(--blue--100);--link--color:var(--blue--800);background-color:var(--link--background-color);color:var(--link--color);font-weight:700}a:focus,a:hover{--link--color:var(--blue--900);text-decoration:none}.container{padding:1rem}.grid{--grid--grid-template-columns:repeat(auto-fit,minmax(100%,1fr));display:grid;gap:1rem;grid-template-columns:var(--grid--grid-template-columns);margin-bottom:1rem}@media (min-width:768px){.grid{--grid--grid-template-columns:repeat(auto-fit,minmax(calc(50% - 0.5rem),1fr))}}@media (min-width:1024px){.grid{--grid--grid-template-columns:repeat(auto-fit,minmax(calc(25% - 0.75rem),1fr))}}.grid>*{margin-bottom:0!important;margin-top:0!important}.chart{-webkit-margin-after:2rem;margin-block-end:2rem}.card{--card--background-color:transparent;--card--border-color:rgba(0,0,0,0.25);background-color:var(--card--background-color);border:1px solid var(--card--border-color);margin-bottom:1rem;padding:1.5rem;position:relative}@media (min-width:1024px){.card{position:static}}.card--red{--card--background-color:var(--red--100)}.card--yellow{--card--background-color:var(--yellow--100)}.card--blue{--card--background-color:var(--blue--100)}.card--green{--card--background-color:var(--green--100)}.card:before{content:attr(data-icon);font-size:1.5rem;position:absolute;right:1rem;top:1rem}@media (min-width:1024px){.card:before{align-items:center;display:flex;font-size:3rem;justify-content:center;margin-bottom:1.5rem;position:static}.card__title{text-align:center}}.card__body>:first-child{margin-top:0!important;padding-top:0!important}.card__body>:last-child{margin-bottom:0!important;padding-bottom:0!important}.card__highlight{background-color:var(--grey--900);color:var(--card--background-color);padding:0 .25rem}.footer{padding:1.5rem;text-align:center}.footer>*{margin-bottom:0!important;margin-top:0!important}