html,body,div,h1,h2,p{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}header{display:block}body{font-family:Open Sans,sans-serif;line-height:1}:root{--color-dark:#3f3f46;--color-light:#f4f4f5;--color-black:#262626}.container{padding:0 20%}@media screen and (width<=1000px){.container{padding:0 6%}}.header{padding:50px 0 60px}h1{padding-bottom:20px;font-size:3rem}p{color:var(--color-dark);font-size:1.1rem;line-height:1.6rem}a{color:inherit}.progress{margin-top:30px;position:relative}.bar{background-color:var(--color-light);border-radius:10px;width:100%;height:12px}.progress-bar{background-color:var(--color-black);border-radius:10px;width:0%;height:12px;position:absolute;top:0;left:0}h2{color:(--color-dark);text-align:center;margin-top:20px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.day-grid{grid-gap:8px;grid-template-columns:repeat(auto-fill,minmax(10px,1fr));padding-bottom:100px;display:grid}.day{border-radius:50px;width:10px;height:10px}#tooltip{text-align:center}