body{margin:0;padding:0;background:#303030;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Login{display:flex;flex-direction:column;justify-content:center;align-items:center}.Login h1{text-align:center}.Login nav{border-bottom:0}.Login p{text-align:center}.Login button.google{background-color:#db3236}.Login button.google:hover{background-color:#b92124}.Login button.twitter{background-color:#2c8dd0}.Login button.twitter:hover{background-color:#2370a6}.Login button.github{background:#333}.Login button.github:hover{background-color:#1a1a1a}.Login button>svg{margin-left:.25rem}.day-logger ul{list-style:none;text-align:left;max-width:325px;margin:1rem auto;padding-left:0}.day-logger ul li{position:relative;border-top:1px solid hsla(0,0%,100%,.3)}.day-logger ul li:last-of-type{border-bottom:1px solid hsla(0,0%,100%,.3)}.day-logger ul li label{display:block}.day-logger ul li .checkBox{width:100%;height:60px;margin:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-transition:color .4s ease;transition:color .4s ease}.day-logger ul li .checkBox input{display:none}.day-logger ul li .checkBox input:checked+.box{background-color:#b3ffb7}.day-logger ul li .checkBox input:checked+.box:after{top:0}.day-logger ul li .checkBox .box{width:50%;height:50%;-webkit-transition:all 1.1s cubic-bezier(.19,1,.22,1);transition:all 1.1s cubic-bezier(.19,1,.22,1);border:2px solid transparent;background-color:#ccc;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 5px rgba(0,0,0,.2);position:absolute;left:0;max-width:30px;-webkit-transition:background .4s ease;transition:background .4s ease}.day-logger ul li .checkBox .box:after{width:50%;height:20%;content:"";position:absolute;border-left:7.5px solid #40c540;border-bottom:7.5px solid #40c540;border-right-color:#40c540;border-top-color:#40c540;-webkit-transform:rotate(-45deg) translateZ(0);transform:rotate(-45deg) translateZ(0);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all 1.1s cubic-bezier(.19,1,.22,1);transition:all 1.1s cubic-bezier(.19,1,.22,1);left:0;right:0;top:200%;bottom:5%;margin:auto}.day-logger ul li .checkBox:hover input:not(:checked)+.box{background-color:#3b8be6}.day-logger .date-switcher{display:flex;flex-direction:row;justify-content:center;align-items:center}.day-logger .date-switcher h4{margin:0 2rem}.habit-creator{margin:2rem auto}.habit-creator ul{list-style:none;padding-left:0}.habit-creator ul fieldset{border:1px solid hsla(0,0%,100%,.2);border-radius:4px;margin-bottom:.5rem}nav{border-bottom:2px solid #eee;text-align:center}nav>div{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}nav>div .logout{position:absolute;right:1rem;background-color:#af062a}nav>div .logout svg{margin-left:.25rem}nav>div .logout:hover{background-color:#7e041e}.button,button,nav h1{text-align:center}.button,button{cursor:pointer;text-decoration:none;display:inline-block;vertical-align:middle;margin:.5rem;white-space:normal;text-transform:capitalize;font-weight:700;text-shadow:none;padding:.75rem 1.5rem;border:2px solid #333;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.4);font-size:12px;line-height:1;color:#fff;background-color:rgba(0,153,136,.53);-webkit-transition:background .4s ease,color .4s ease,border .4s ease,box-shadow .4s ease;transition:background .4s ease,color .4s ease,border .4s ease,box-shadow .4s ease}.button:active,.button:focus,.button:visited,button:active,button:focus,button:visited{color:#fff}.button:hover,button:hover{background-color:rgba(0,102,91,.533333)}.button.icon,button.icon{background:transparent;box-shadow:none;border:0;font-size:1.5rem}.button.icon:hover,button.icon:hover{color:#af062a}.button.icon.add:hover,button.icon.add:hover{color:#3b8be6}main.container{max-width:500px;margin:auto;padding:1rem;text-align:center}section{-webkit-transition:visibility .4s ease,opacity .4s ease,height .4s ease;transition:visibility .4s ease,opacity .4s ease,height .4s ease}section.closed{visibility:hidden;opacity:0;height:0}section.open{visibility:visible;opacity:1;height:auto}
/*# sourceMappingURL=main.6aad9e46.chunk.css.map */