body,html{padding:0;margin:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#21262b;color:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.full-container{display:grid;grid-template-columns:repeat(4,1fr)}.grid-container{display:grid;grid-template-columns:repeat(7,1fr);padding:10px}.grid-item{padding:20px;font-size:30px;text-align:center}.color-selection{display:grid;position:fixed;width:100vw;bottom:0;right:0;grid-template-columns:repeat(5,1fr);-webkit-align-content:end;align-content:end}.color-block{display:grid;width:20vw;height:80px;cursor:pointer;color:transparent;text-align:center;-webkit-align-content:center;align-content:center;-webkit-transform:translateY(50px);transform:translateY(50px)}.cal-year{padding:60px 0}.cal-month-container{display:grid;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.cal-month{display:grid;grid-template-rows:repeat(6,1fr);font-weight:700;text-align:center}.cal-week{display:grid;grid-template-columns:repeat(7,1fr);width:768px;justify-self:center}.cal-year-mini{display:grid;grid-template-columns:repeat(2,1fr)!important;padding:calc(60px + 2em) .5em;width:768px;margin:0 auto;grid-gap:.5em;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.cal-month-container-mini{color:transparent!important}.month-title-mini{color:#fff;font-size:1.2em!important}.month-title-mini svg{width:10px}.cal-week-mini{width:300px}.cal-day-mini{min-height:0!important;color:transparent!important}@media only screen and (max-width:600px){.month-title-mini{color:#fff;font-size:.8em!important}}@media only screen and (max-width:768px){.cal-week{width:100vw}.cal-year{padding:60px .5em}.cal-year-mini{display:grid;grid-template-columns:repeat(2,1fr)!important;padding:calc(50px + 2em) .5em;width:100vw}.cal-week-mini{width:40vw}.month-title{padding-left:.5em!important;font-size:1.5em}li{font-size:1.2em!important}}.cal-day{display:grid;-webkit-align-content:center;align-content:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;min-height:3.5rem;cursor:pointer;font-weight:700;color:#fff;-webkit-transition:background-color 1s;transition:background-color 1s;-webkit-box-shadow:inset 0 0 0 2px rgba(33,38,43,.12);box-shadow:inset 0 0 0 2px rgba(33,38,43,.12);aspect-ratio:1/1}.cal-day:hover{background-color:#6495ed!important}.hidden{opacity:0;background-color:none!important}.selected{color:#fff;font-size:1em;font-weight:700;height:100px;-webkit-transform:translateY(20%);transform:translateY(20%);-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.active{-webkit-box-shadow:inset 0 0 0 4px #fff;box-shadow:inset 0 0 0 4px #fff}#incomplete{color:#556171}#complete{color:#ede92c}#diamond{color:#89c6ff;-webkit-filter:drop-shadow(0 0 7px #fff);filter:drop-shadow(0 0 7px white)}.dashboard{width:100vw;overflow-x:hidden}.month-title{font-size:1.8em;font-weight:700;display:-webkit-flex;display:-moz-box;display:flex;padding:1em .3em 1em 0}.month-title,ul{-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}ul{list-style-type:none;margin:0;display:grid;grid-template-columns:1fr 4fr 1fr;grid-template-rows:1fr;width:100vw;max-width:800px;-webkit-align-content:center;align-content:center;padding:.5em 1em}li{font-size:2em;text-align:center;justify-self:center}li,nav button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;font-weight:700;height:50px;display:grid;-webkit-align-content:center;align-content:center}nav button{border:none;background:none;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;cursor:pointer;font-size:24px}.login-card{width:350px;height:auto;max-height:100vh;-webkit-align-content:space-around;align-content:space-around;-webkit-box-shadow:0 20px 50px rgba(0,0,0,.8);box-shadow:0 20px 50px rgba(0,0,0,.8);padding:2em;text-align:center;grid-gap:1em}.login-card,.login-card button{background-color:#21262b;display:grid;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.login-card button{width:250px;height:60px;grid-template-columns:1fr 2fr;cursor:pointer;justify-self:center;border:1px solid #fff;padding:1em;-moz-border-radius:.2em;border-radius:.2em;color:#fff}.login-card button:hover{background-color:#fff;color:#21262b;border:1px solid #fff}svg{background:none;width:25px;justify-self:center}.signin-title{font-weight:700;font-size:1.8em;margin:1em 0;background-color:#f3ec78;background-image:-webkit-gradient(linear,right top,left top,from(#600538),color-stop(#e83b36),color-stop(#ff8606),to(#fffe01));background-image:linear-gradient(-90deg,#600538,#e83b36,#ff8606,#fffe01);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.button-title{display:grid;align-self:center;font-size:1.2em}.login-card svg{-webkit-align-self:center;align-self:center}.mini-toggle{position:fixed;bottom:12%;right:5%}.mini-button{background:transparent;height:50px;width:50px}.preview-button{width:150px!important;border:none!important}.exercise-icons{display:grid;grid-template-columns:repeat(5,1fr);padding:1em 0}.exercise-icons button{background-color:inherit;border:none;color:#fff;margin:0!important}.modal-input{min-width:300px;border:none;margin:1em 0;height:70px;font-size:16px}.modal-input,.modal-submit{width:100%;background-color:#fff;-moz-border-radius:1em;border-radius:1em;padding:.5em}.modal-submit{margin-top:1em;border:none;font-weight:700}.workout-modal{padding:1em;overflow-y:scroll;width:100vw;height:100vh;color:#fff;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;display:grid;text-align:center;grid-auto-rows:auto;position:relative}.modal-close{position:absolute;top:.5em;right:.5em;font-size:1.5em;background-color:inherit;border:none;color:inherit}.workout-modal button{max-height:50px;margin-bottom:3em}h1,h4{margin:1em 0}button{cursor:pointer}.active-button{color:#000!important;background-color:#fff!important;-moz-border-radius:1em;border-radius:1em}input:focus{font-size:16px}input[type=number],input[type=text],textarea{font-size:16px}