@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap);:root{--cream:#f8e9dd;--red:#ec775f;--cyan:#76b5bc;--dark-brown:#382314;--medium-brown:#93867b;--pale-orange:#fffaf5}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8e9dd;background-color:var(--cream);font-family:DM Sans,sans-serif;font-size:18px;margin:0}.content-wrapper{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;max-width:100%;min-height:-webkit-min-content;min-height:min-content;padding:20px 25px;width:550px}.header-container{align-items:center;background-color:var(--red);border-radius:15px;color:var(--pale-orange);display:flex;height:-webkit-max-content;height:max-content;justify-content:space-between;padding:20px;width:100%}.header-container h3{font-size:18px;font-weight:400}.header-container h2{font-size:30px;margin-top:5px}.overview-container{background-color:var(--pale-orange);border-radius:15px;color:var(--dark-brown);height:-webkit-max-content;height:max-content;margin-top:25px;min-width:300px;padding:28px 30px;width:100%}.overview-container h1{font-size:30px}.footer-container{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.footer-container .title-pair h3{color:var(--medium-brown);font-size:18px;font-weight:300}.footer-container .title-pair h2{font-size:38px;font-weight:700}.title-pair.reverse{align-items:flex-end;display:flex;flex-direction:column-reverse}@media screen and (max-width:505px){.overview-container h1{font-size:28px}}.days-container{grid-column-gap:10px;align-items:end;border-bottom:2px solid var(--cream);-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(7,1fr);height:-webkit-max-content;height:max-content;margin-top:60px;padding-bottom:30px}.day-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.day-container:hover .day-amount{opacity:1}.day-container:hover .day-column{opacity:.65}.day-container .day-amount{background-color:var(--dark-brown);border-radius:5px;color:var(--pale-orange);font-size:16px;font-weight:700;opacity:0;padding:6px;position:absolute;top:-33px}.day-container .day-column{background-color:var(--red);border-radius:5px;margin:6px 0 8px;width:45px}.day-container .day-column.active{background-color:var(--cyan)}.day-container h3{color:var(--medium-brown);font-size:16px;font-weight:300}@media screen and (max-width:530px){.day-container .day-column{width:90%}.day-container .day-amount{font-size:14px;padding:4px}}@media screen and (max-width:380px){.day-container .day-amount{font-size:13px}}
/*# sourceMappingURL=main.8444ac78.css.map*/