@import url(https://fonts.googleapis.com/css?family=Raleway);*{box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}.Header{background-color:#2c826d;height:40px;display:flex;justify-content:space-between}.Header h1{margin:0;padding-top:3px;padding-left:20px}.Header h1 a{text-decoration:none;color:#fff}.hyph{color:#fff;margin-right:5px;margin-left:5px}.Header a{text-decoration:none;color:#fff}.Header__logged-in,.Header__not-logged-in{margin-right:20px;display:flex;flex-direction:column}.hyph{display:none}@media screen and (min-width:450px){.Header{align-items:baseline}.Header h1{font-size:22pt}.Header__logged-in,.Header__not-logged-in{flex-direction:row}.Header a{padding-bottom:20px}.hyph{display:inline;display:initial}}.App-header,.colorList{margin-left:10px;margin-right:10px}.colorList{margin-bottom:15px;padding:4px 12px}.danger{margin-top:45px;background-color:#fdd;border-left:6px solid #f44336}.success{background-color:#dfd;border-left:6px solid #4caf50}.info{background-color:#e7f3fe;border-left:6px solid #2196f3}.warning{background-color:#ffc;border-left:6px solid #ffeb3b}.red{color:red;font-weight:bolder}@media screen and (min-width:450px){.colorList{width:50%;margin-left:auto;margin-right:auto}}.wrapper{background-color:#fff;list-style-type:none;padding:0;border-radius:3px;width:40%;margin:auto}h2{margin-top:30px;font-weight:400}h2,label{text-align:center}label{padding-right:.5em}.form-row{display:flex;justify-content:center;padding:.5em}.form-row>label{padding:.5em 1em .5em 0;flex:0 1}.form-row>input{flex:0 1}.form-row>button,.form-row>input{padding:.5em}.form-row>button{border:none;background-color:#2c826d;color:#fff;font-size:1.1em;border-radius:4px;padding:8px 12px;font-weight:700}.buttonContainer{display:flex;justify-content:space-evenly}.homepagebutton{color:#fff;background-color:#2c826d;font-size:1.1em;border-radius:4px;padding:8px 12px}.addHabitDiv{display:flex;flex-direction:column}.addHabitLable{margin-top:20px}.addHabitInput{margin-top:10px;height:35px}.addButtonForm,.addHabitInput{margin-bottom:10px;font-size:16px}.addButtonForm{background-color:#2c826d;height:30px;border:none;color:#fff;cursor:pointer}.demo{margin:0;padding:0;text-align:center;font-style:italic}@media screen and (min-width:450px){.addHabitDiv{margin:auto}}.ulHabitlist{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;justify-content:space-evenly}li{list-style:none}.liTitle{padding-right:10px;padding-left:10px;width:100%;background-color:#dfd;border-left:6px solid #4caf50}.liPercentage,.liTitle{margin-top:10px;padding-top:20px;height:60px}.liPercentage{width:20%;text-align:center;background-color:#e7f3fe}.liButton{margin-top:10px;width:100%;text-align:center;border:none}.text{font-weight:700}.dateContainer{display:flex;justify-content:center;align-items:center}.date{margin-top:10px;text-align:center;width:20%;background-color:#e7f3fe}.addNewHabitButtonDiv{display:flex;flex-direction:column;align-items:center}.addButton{border:none;margin-top:10px;height:35px;color:#fff;font-size:16px;background-color:#2c826d}.textContainer{display:flex;flex-wrap:wrap}.inputTitle{padding-right:10px;height:60px;background-color:#dfd;border:1px solid #4caf50}.inputTitle,.pLable{margin-top:10px;padding-left:10px;width:100%}.percentage,.pLable{border:1px solid #2196f3;background-color:#e7f3fe}.percentage{margin-right:-1px;margin-top:10px;height:60px;font-size:1.2em;width:20%;text-align:center}.editbutton{margin:5px 5px 5px 60%;width:50px}.deleteButton,.editbutton{background-color:#2c826d;border:1px solid #4caf50;color:#fff;font-size:16px}.deleteButton{margin:5px}.updateButton{border:none;font-size:16px;margin:5px;color:#fff;background-color:#4caf50}@media screen and (min-width:450px){.textContainer,.ulHabitlist{width:50%;margin:auto}.textContainer{display:flex;flex-direction:row}}
/*# sourceMappingURL=main.ffa02a6c.chunk.css.map */