body{font-family:Droid Serif,sans-serif;background:#fff url(/static/media/ep_naturalwhite.110a9bd2.png);min-width:360px}header{color:#fff;background:-webkit-gradient(linear,left top,right top,from(#283c86),to(#45a247));background:-webkit-linear-gradient(left,#283c86,#45a247);background:-o-linear-gradient(left,#283c86,#45a247);background:linear-gradient(90deg,#283c86,#45a247);padding:33px 0 25px 15px}header h1{font-family:Frijole,cursive;font-size:30px;font-weight:600;letter-spacing:.3px;display:inline-block;margin:0;vertical-align:middle}.fa{font-size:22px;-webkit-transform:translateY(50deg);-ms-transform:translateY(50deg);transform:translateY(50deg)}header i{vertical-align:middle;margin-left:12px}.container{display:-ms-flexbox;display:flex;padding-top:30px}.container,.wrapper{max-width:1100px;margin:0 auto}.add-task{background:#fff url(/static/media/concrete-texture.3eb73e5d.png);border-radius:7px;border-top:3px solid #103d5d;margin-right:50px;background-color:#ededed;padding:60px 18px;-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12),0 1px 8px 0 rgba(0,0,0,.2);box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12),0 1px 8px 0 rgba(0,0,0,.2);margin-bottom:34px;width:25%;margin-right:auto}.task-modal{width:100%;margin:0;height:190px}.display-item{width:65%;margin-left:50px}.display-item .del{right:5px}.display-item .del,.display-item .open{display:block;position:absolute;bottom:5px;width:120px;height:40.66px;font-family:Droid Serif,sans-serif}.display-item .open{margin:0;left:5px;line-height:9px;font-weight:100}.add-task form{width:100%;overflow:hidden}input{font-size:22px;color:#000;padding:18px 22px;font-size:16px;margin-bottom:17px;border:0;display:block;width:84%;font-family:Droid Serif,sans-serif}ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}li{position:relative;border-radius:7px;width:calc(50% - 50px);list-style-type:none;margin-right:50px;background:#fff url(/static/media/concrete-texture.3eb73e5d.png);background-color:#ededed;color:#000;margin-bottom:30px;-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12),0 1px 8px 0 rgba(0,0,0,.2);box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12),0 1px 8px 0 rgba(0,0,0,.2)}h2{padding:0;font-weight:400}h2,li h3{margin:0;font-family:Droid Serif,sans-serif}li h3{background:-webkit-gradient(linear,left top,right top,from(#283c86),to(#45a247));background:-webkit-linear-gradient(left,#283c86,#45a247);background:-o-linear-gradient(left,#283c86,#45a247);background:linear-gradient(90deg,#283c86,#45a247);background-color:#103d5d;color:#fff;font-weight:300;padding:15px}li p{padding:15px 15px 45px}form button,li p{font-family:Droid Serif,sans-serif}form button{width:100%;margin-top:10px}.button{position:relative;min-width:120px;font-weight:100;padding:1em 1.25em;text-align:center;border-radius:7px;overflow:hidden;z-index:0;cursor:pointer;border:0}.button.raised{-o-transition:all .1s;-webkit-transition:all .1s;transition:all .1s;background:#0c84e4;-webkit-box-shadow:0 1px 1px #085a9b;box-shadow:0 1px 1px #085a9b}.anim{-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1}.anim:before{position:relative;content:"";display:block;margin-top:100%}.anim:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}.hoverable:hover>.anim{-webkit-animation:anim-out .75s;animation:anim-out .75s}.hoverable:hover>.anim:after{-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}.example-appear{opacity:.01}.example-appear.example-appear-active{opacity:1;-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.example-enter{opacity:0}.example-enter.example-enter-active{opacity:1;-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.example-leave{opacity:1}.example-leave.example-leave-active{opacity:.01;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.iconBtn{display:none}@media only screen and (max-width:580px){.container{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.add-task{width:80%;margin:0;-ms-flex:1 1 0%;flex:1 1 0%;padding:5px;margin-bottom:30px}.task-modal{width:100%;margin:0;padding:10px;height:190px;padding:60px 18px}.display-item,input{width:100%}}@media only screen and (max-width:935px){.textBtn{display:none}.iconBtn{display:block}.button{min-width:45%}.display-item .del,.display-item .open{width:51px}}@-webkit-keyframes anim-in{0%{width:0}to{width:100%}}@keyframes anim-in{0%{width:0}to{width:100%}}@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,.25)}to{background:transparent}}@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,.25)}to{background:transparent}}@-webkit-keyframes anim-out{0%{width:0}to{width:100%}}@keyframes anim-out{0%{width:0}to{width:100%}}@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}to{background:transparent}}@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}to{background:transparent}}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.46ba46e2.css.map*/