*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}input[type=button],input[type=text]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}html{height:100%;font-size:62.5%}body{background:-webkit-linear-gradient(315deg,#90ee90 25%,transparent 0) -50px 0,-webkit-linear-gradient(225deg,#90ee90 25%,transparent 0) -50px 0,-webkit-linear-gradient(135deg,#90ee90 25%,transparent 0),-webkit-linear-gradient(45deg,#90ee90 25%,transparent 0);background:-o-linear-gradient(315deg,#90ee90 25%,transparent 25%) -50px 0,-o-linear-gradient(225deg,#90ee90 25%,transparent 25%) -50px 0,-o-linear-gradient(135deg,#90ee90 25%,transparent 25%),-o-linear-gradient(45deg,#90ee90 25%,transparent 25%);background:linear-gradient(135deg,#90ee90 25%,transparent 0) -50px 0,linear-gradient(225deg,#90ee90 25%,transparent 0) -50px 0,linear-gradient(315deg,#90ee90 25%,transparent 0),linear-gradient(45deg,#90ee90 25%,transparent 0);background-size:100px 100px;background-color:green;font-family:Bree Serif,serif}.container{background:#fff;height:100%;min-height:600px;max-width:600px;margin:75px auto;padding:25px 50px;border-radius:25px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:relative}h2{margin:0 0 10px;font-family:Bree Serif,serif;font-size:5rem}.green{color:green;letter-spacing:-15px}.form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;width:90%}.add{width:100%;margin-bottom:10px}input[type=text]{height:40px;width:80%;border-top-left-radius:10px;border-bottom-left-radius:10px;border:1px solid #a9a9a9;border-right:none;font-size:2rem;color:green;font-family:Bree Serif,serif;padding-left:10px}input::-webkit-input-placeholder{color:#a9a9a9}input:-ms-input-placeholder,input::-ms-input-placeholder{color:#a9a9a9}input::placeholder{color:#a9a9a9}input:focus{outline:0;border-color:green}button{cursor:pointer;height:40px;background:green;border:1px solid #a9a9a9;font-family:Bree Serif,serif;font-size:2rem;color:#fff}button:focus{outline:0}.submit{width:20%;border-top-right-radius:10px;border-bottom-right-radius:10px}.clear{border-radius:10px;width:215px}.task,.task-list{width:100%}.task{cursor:pointer;font-family:Bree Serif,serif;font-size:2rem;text-align:left;border-bottom:1px dashed #a9a9a9;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:10px 0}.task p{margin:0}.task-text{-ms-flex-positive:1;flex-grow:1}.check{width:auto;margin:3px 10px 0 0;width:15px;height:15px;border:2px solid #000;border-radius:3px;overflow:hidden;background:#fff}.done{position:relative;font-style:italic;color:#a9a9a9}.done:before{content:"";position:absolute;display:block;width:102%;height:2px;background:rgba(255,0,0,.5);top:50%;-webkit-animation:done 1s cubic-bezier(.55,0,.1,1) 1;animation:done 1s cubic-bezier(.55,0,.1,1) 1;-webkit-transition:-webkit-transform .5s cubic-bezier(.55,0,.1,1);transition:-webkit-transform .5s cubic-bezier(.55,0,.1,1);-o-transition:transform .5s cubic-bezier(.55,0,.1,1);transition:transform .5s cubic-bezier(.55,0,.1,1);transition:transform .5s cubic-bezier(.55,0,.1,1),-webkit-transform .5s cubic-bezier(.55,0,.1,1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;-ms-transform-origin:center left;transform-origin:center left}@-webkit-keyframes done{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes done{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}footer{position:absolute;bottom:10px}a{color:green;text-decoration:none;font-weight:700}a,a:hover{-webkit-transition:.25s ease;-o-transition:.25s ease;transition:.25s ease}a:hover{color:#000;text-decoration:underline}@media (max-width:400px){.container{margin-top:20px;padding:15px 20px}.form{width:100%}.clear{width:160px}input[type=text]{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}button{font-size:1.6rem}}
/*# sourceMappingURL=main.f21ba2bb.css.map*/