@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700;900&display=swap);@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);:root{--background-color:#f6f7eb;--background-color-dark:#393e41}*{outline:none;box-sizing:border-box}html{background-color:#f6f7eb;background-color:var(--background-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;max-width:1000px;margin:0 auto;padding:0 10px;color:#393e41;position:relative}body,code{font-family:"Rubik",sans-serif}textarea{resize:none;font-size:1.5em;padding:50px}:root{--blue:#3f88c5;--red:#e94f37;--green:#44bba4;--content-padding:0.5em}.App{text-align:center}#title{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;align-items:flex-start;font-size:50px;font-weight:600;padding:10px}#title>div{transition:all .25s linear}#title>div>span{-webkit-animation:dot-blink 5s ease-out infinite;animation:dot-blink 5s ease-out infinite}@-webkit-keyframes dot-blink{0%{color:#e94f37;color:var(--red)}50%{color:#3f88c5;color:var(--blue)}to{color:#44bba4;color:var(--green)}}@keyframes dot-blink{0%{color:#e94f37;color:var(--red)}50%{color:#3f88c5;color:var(--blue)}to{color:#44bba4;color:var(--green)}}.day{margin-bottom:30px}.dateBar{padding:0 var(--content-padding);display:flex;height:25px;justify-content:space-between;transition:all .25s ease-out}.cardContainer{flex-flow:row wrap}.card,.cardContainer{display:flex;position:relative}.card{height:15em;min-width:15em;margin:var(--content-padding);padding:1.2em 1em;align-items:flex-start;justify-content:center;color:#fff;border-radius:20px;color:#393e41;background-color:#e9f0e9;box-shadow:inset 0 0 20px rgba(0,0,0,.212);text-align:left}.red{flex:1 1;border-top:20px solid var(--red)}.blue{flex:1 1;border-top:20px solid var(--blue)}.green{flex:1 1;border-top:20px solid var(--green)}.fa:hover{color:var(--green)}.delete{position:absolute;top:-18px;right:20px;color:#e9f0e9}.content{height:100%;border:1px dashed var(--red);text-align:left;padding:10px;width:97%;color:#393e41;background-color:transparent;font-family:"Rubik",sans-serif;line-height:1.2em;font-size:1.1em}.content:disabled{color:#393e41;background-color:none;transition:all .25s ease-in;border:none}.input{height:100%;font-size:.4em;padding:20px 50px 20px 20px;border-radius:25px;border:none}#input-container,.input{width:100%;background-color:#e1e7e1;box-shadow:inset 0 0 20px rgba(0,0,0,.212)}#input-container{margin-top:10px;border-radius:25px;position:relative}.show-input{height:50vh}.hide-input{height:50px}.hide{visibility:hidden}.inputAction{border:none;color:#f1faee;background:none;height:50px;width:50px;border-radius:50%;position:absolute;font-size:25px}#add{right:0;top:0;background-color:var(--green);color:#393e41;box-shadow:0 0 8px rgba(0,0,0,.26)}#add:hover{background-color:var(--blue);transition:all .25s ease-in}#toggleWidth{right:0;bottom:0;background-color:none;color:#393e41}#toggleWidth:hover{background-color:var(--blue);transition:all .25s ease-in}.flip{transform:rotate(180deg);transition:all .25s linear;background-color:var(--green);color:#e1e7e1}.circle{display:inline-block;margin:0 5px;height:20px;width:20px;border-radius:50%;box-shadow:0 0 8px rgba(0,0,0,.26);opacity:.5}.circle:hover{opacity:.8}#red{background-color:var(--red)}#blue{background-color:var(--blue)}#green{background-color:var(--green)}.active{opacity:1}#color-picker{position:absolute;right:calc(50% - 45px);bottom:-50px;display:inline-block}.fa-chevron-up:hover{color:#e1e7e1}
/*# sourceMappingURL=main.294ef76a.chunk.css.map */