*{margin:0;padding:0}button,input[type=submit]{display:inline-block;border:none;padding:0;margin:0;text-decoration:none;background:#0069ed;color:#fff;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;-webkit-appearance:none;-moz-appearance:none}button:focus,input[type=submit]:focus{outline:0}body{margin:0;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}.App{text-align:center;background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}ul li{list-style-type:none;text-decoration:none}h1{margin:20px 0}input[type=text]{padding:0 5px}input[type=text]:focus{outline:1px solid #fff}.side-bar input[type=text]{background-color:#1a1d22;color:#fff;border:none}.main input[type=text]{background-color:#282c34;color:#fff;border:none}.main-holder{display:flex;flex-direction:row;border:2px solid grey;height:600px;border-radius:10px}.side-bar{display:flex;flex-direction:column;width:250px;border-right:1px solid #000}.label-my-lists{margin:10px 0;padding:0 10px;font-size:1rem;text-align:left}.lists-holder{height:100%}.list-button{border:2px solid rgba(13,174,177,0);color:hsla(0,0%,100%,.584)}.list-button,.list-button.active{text-transform:capitalize;margin:15px auto;padding:10px;cursor:pointer;font-size:16px;background:transparent;position:relative;transition:all .3s ease}.list-button.active{border:2px solid rgba(13,174,177,.406);color:#fff;background-color:rgba(112,116,125,.28)}.list-button:focus,.list-button:hover{text-decoration:none;color:#fff;transition:all .3s ease;border:2px solid rgba(13,174,177,.406)}.list-holder{display:flex;flex-direction:row;margin:0;min-height:30px;justify-content:space-between;background-color:hsla(0,0%,100%,0);padding:5px 10px;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.list-holder:hover{background-color:#464646;transition:all .3s ease-out}.list-holder.active{background-color:grey;transition:all .5s ease-out}.list-name{display:flex;flex-direction:row;text-align:left}.list-name form{width:100%;display:flex}.cross{width:30px;height:30px;opacity:.6;position:relative;margin:0 5px;background:none}.cross:hover{opacity:1}.cross:after,.cross:before{position:absolute;top:2px;left:14px;content:" ";height:25px;width:2px;background-color:#333}.cross:before{transform:rotate(45deg)}.cross:after{transform:rotate(-45deg)}.reminder-input-wrapper .cross{margin-right:8px}.reminder-input-wrapper .cross:after,.reminder-input-wrapper .cross:before{background-color:#a5a4a4}.list-input-wrapper{margin:20px 10px}.list-input-wrapper form{display:flex;flex-direction:row}.list-input-wrapper form input[type=text]{margin-left:23px;width:100%;height:30px}.list-input-wrapper form input[type=submit]{color:hsla(0,0%,100%,.584);margin:5px;transition:all .5s ease;width:36px;height:25px;border-radius:50%}.list-input-wrapper form input[type=submit]:focus,.list-input-wrapper form input[type=submit]:hover{text-decoration:none;color:#422727}.hidden{opacity:0;visibility:hidden}.main{background-color:#1a1d22;width:400px;display:flex;flex-direction:column;border-radius:0 10px 10px 0}.reminders-page-holder{display:flex;flex-direction:row;justify-content:space-between;padding:10px;margin-top:10px}.reminders-page-title{font-size:2.3rem;font-weight:700;text-align:left}.reminders-page-count{font-size:2.3rem}input[type=checkbox]{top:0;left:0;height:25px;width:25px;margin:10px;background-color:#eee;border-radius:50%;-webkit-appearance:none;outline:none}input[type=submit]:focus,input[type=submit]:hover{text-decoration:none;color:#422727;transition:all .3s ease}.round{position:relative;height:25px;width:25px;margin:7px}.round label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:23px;left:0;position:absolute;top:0;width:23px}.round label:after{border:2px solid #fff;border-top:none;border-right:none;content:"";height:6px;left:5px;opacity:0;position:absolute;top:6px;transform:rotate(-45deg);width:12px}.round input[type=checkbox]{visibility:hidden}.round input[type=checkbox]:checked+label{background-color:#66bb6a;border-color:#66bb6a}.round input[type=checkbox]:checked+label:after{opacity:1}.reminders-holder{height:100%}.reminders-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:grey}.reminders-holder ul li{text-align:left;display:flex;flex-direction:row}.reminder-wrapper{display:flex;width:100%;border-bottom:1px solid #555;flex-direction:column;justify-content:center}.reminder-input-wrapper{display:flex;flex-direction:row}.reminder-input-wrapper form{display:flex;width:100%}.reminder-input-wrapper form input[type=text]{width:100%}.reminder-name{font-size:1rem}.clear-all-reminders-button{transition:all .8s ease;transition-delay:.5s;background:#282c34;color:grey;padding:5px;margin:10px;font-size:.8rem}.clear-all-reminders-button.hidden{transition:none}.clear-all-reminders-button:hover{color:#e9e9e9}.reminder-new-input-wrapper{display:flex;flex-direction:row;margin:20px 10px}.reminder-new-input-wrapper form{display:flex;flex-direction:row;width:100%}.reminder-new-input-wrapper form input[type=text]{margin-left:23px;width:100%;height:30px}.reminder-new-input-wrapper form input[type=submit]{color:hsla(0,0%,100%,.584);margin:5px;transition:all .5s ease;width:31px;height:25px;border-radius:50%}.reminder-new-input-wrapper form input[type=submit]:focus,.reminder-new-input-wrapper form input[type=submit]:hover{text-decoration:none;color:#422727;transition:all .3s ease}.vertical-align{display:flex;flex-direction:column;justify-content:center}
/*# sourceMappingURL=main.93c7d557.chunk.css.map */