*{margin:0;padding:0}html{height:100%;background:-webkit-gradient(linear,left top,left bottom,from(#4e1aa8),color-stop(60%,#658ee2),to(#dbebeb));background:linear-gradient(180deg,#4e1aa8,#658ee2 60%,#dbebeb);font-family:Barlow Condensed,sans-serif;color:#fff;font-size:16px}#app{padding:0 1rem;max-width:800px;margin:0 auto}.streak-count{line-height:1.05;font-size:16.5px}.streak-count .icon-wrap{float:left;margin-right:5px;line-height:60px}.streak-count .count{position:relative;top:15px}.streak-count svg{vertical-align:middle;height:28px;width:12px;fill:#59e1e3}.calendar-slider{overflow:hidden;width:calc(100% + 2rem);margin-left:-1rem;margin-top:12px}.calendar-slider .inner{margin-bottom:150px;display:grid;grid-template-columns:repeat(10,20%);text-align:center;white-space:nowrap;text-transform:uppercase}.calendar-slider .inner .workout{padding:0 1rem;position:relative}.calendar-slider .inner .workout:hover{cursor:pointer}.calendar-slider .inner .workout.is-today~div{cursor:default}.calendar-slider .inner .workout.is-today~div .icon svg{display:none}.calendar-slider .inner .workout.workout-day{cursor:default}.calendar-slider .inner .icon{line-height:20px;display:block;height:20px}.calendar-slider .inner .icon svg{width:12px;height:12px}.calendar-slider .inner .icon svg.is-done path{fill:#59e1e3}.calendar-slider .inner .icon svg.isnt-done path{fill:#e35959}.calendar-slider .two-days-out{color:hsla(0,0%,100%,.2)}.calendar-slider .one-day-out{color:hsla(0,0%,100%,.4)}.calendar-slider .date{font-size:28px;font-weight:700}.calendar-slider .workout-title{letter-spacing:1px;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.calendar-slider .workout-day .workout-title{top:100%;margin-top:40px;font-size:50px;letter-spacing:0}.calendar-slider .workout-day .workout-body{position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);margin-top:100px;font-size:16px;font-weight:200;letter-spacing:1px;opacity:.85}.ff-barlow,.ff-sans{font-family:Barlow Condensed,sans-serif}.ff-hand,.ff-kalam{font-family:Kalam,cursive}.c-purple-light{color:#9e8ab2}.c-blue-light{color:#a2b4d8}.c-teal{color:#59e1e3}.top-bar{color:hsla(0,0%,100%,.4);overflow:hidden;line-height:60px;text-transform:uppercase}.top-bar>*{display:inline-block;float:left;width:33%}.top-bar .month{text-align:center}.top-bar .year{text-align:right}.top-bar .month,.top-bar .year{font-size:40px}.top-bar .streak-count{height:60px}.done-toggle{padding:40px 0;text-align:center}.done-toggle a{color:hsla(0,0%,100%,.5);text-decoration:none;font-size:35px}.done-toggle a span{display:block}.done-toggle a svg{height:40px!important;width:40px!important;fill:currentColor}.done-toggle a:hover{color:hsla(0,0%,100%,.85)}.done-toggle.is-done a{color:#59e1e3}