@import url(https://fonts.googleapis.com/css?family=Chewy);@import url(https://fonts.googleapis.com/css?family=Bangers);*{box-sizing:border-box;margin:0}body{background:radial-gradient(circle,transparent 20%,#e5e5f7 0,#e5e5f7 80%,transparent 0,transparent),radial-gradient(circle,transparent 20%,#e5e5f7 0,#e5e5f7 80%,transparent 0,transparent) 25px 25px,linear-gradient(#459df7 2px,transparent 0) 0 -1px,linear-gradient(90deg,#459df7 2px,#e5e5f7 0) -1px 0;background-size:50px 50px,50px 50px,25px 25px,25px 25px;color:#000;font-family:Arial,Helvetica,sans-serif}li{list-style-type:none}input{border-radius:1vh;border-style:none;font-size:16px;height:36px;margin-left:3%;text-align:center;width:50vh}input:focus{outline:none}input:focus::-webkit-input-placeholder{opacity:0;overflow:hidden;text-align:center;-webkit-transform:translateY(-75%);transform:translateY(-75%);-webkit-transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:transform .15s ease-out,opacity .15s ease-out;transition:transform .15s ease-out,opacity .15s ease-out,-webkit-transform .15s ease-out}input:focus::placeholder{opacity:0;overflow:hidden;text-align:center;-webkit-transform:translateY(-75%);transform:translateY(-75%);transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:transform .15s ease-out,opacity .15s ease-out;transition:transform .15s ease-out,opacity .15s ease-out,-webkit-transform .15s ease-out}.search-dropdown{display:flex;flex-direction:row}.drop-down{background-color:#e6e6fa;border-radius:1vh;border-style:none;color:#2f4f4f;cursor:pointer;font-size:16px;font-weight:bolder;height:36px;text-align:center;transition:height .4s ease-in-out;width:125px}select:focus{outline:none}.hide-error{display:none;visibility:hidden}.danger{align-items:flex-end;-webkit-animation:right-to-left 3s 2;animation:right-to-left 3s 2;-webkit-animation-direction:normal;animation-direction:normal;background-color:hsla(0,0%,100%,.75);border:1px solid #eee;border-left:5px solid #d9534f;border-radius:5px;border-radius:3px;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-size:16px;font-size:24px;height:10%;margin:10px auto;padding:20px;position:fixed;text-align:center;text-align:left;transition:all 0s linear .33s;width:20%}.danger strong{color:#d9534f}@-webkit-keyframes right-to-left{0%{bottom:0;right:-30%}25%{bottom:1%;right:0}50%{bottom:1%;right:0}75%{bottom:1%;right:0}to{bottom:0;right:-50%}}@keyframes right-to-left{0%{bottom:0;right:-30%}25%{bottom:1%;right:0}50%{bottom:1%;right:0}75%{bottom:1%;right:0}to{bottom:0;right:-50%}}input[type=checkbox]{display:none}h1{color:#263238;font-family:Chewy;margin-bottom:2%;text-align:center}.edit-icon{color:#daa520;cursor:pointer}.Container{align-items:center;background-color:#b0c4de;color:#263238;font-size:1rem;justify-content:center;margin:5% auto;padding:1%;width:35%}.Container,.task-container{border-radius:1vh;display:flex;flex-direction:column}.task-container{align-items:left;justify-content:left;margin-top:2%;opacity:1}.Task-item{font-weight:600;opacity:1}.Task-item,.Task-item-done{background-color:#f5f5f5;border-radius:1vh;display:grid;grid-template-columns:5fr 1fr;margin:1% 1% 1% -14%;padding:1.5% 1% 0 2%;width:118%}.Task-item-done{color:#000;font-size:16px;opacity:.75;text-align:left;text-decoration:line-through}.task-text{font-family:Shadows Into Light;max-width:50vh;text-overflow:hidden;word-break:break-all}.checked{color:gray;cursor:pointer}.unchecked{color:green;cursor:pointer}.editing-task-div{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:1vh}.editing-task{font-size:16px;padding-left:2%;text-align:left;width:100%}.editing-task,.save-btn{background-color:#d3d3d3;height:4vh}.save-btn{border-radius:50vh;border-style:none;cursor:pointer;font-size:14px;margin-left:1vh;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:10vh}.save-btn:hover{opacity:.9;-webkit-transform:scale(1.2);transform:scale(1.2)}.delete-icon{color:crimson;cursor:pointer}.delete-icon-done{color:gray;cursor:pointer}.addtask-icon{zoom:1.5;background-color:#fff;border-radius:15%;color:#ff4500;cursor:pointer;margin-left:-6.5%}.input{display:flex;flex-direction:row}@media only screen and (max-width:900px){.Container{align-items:center;border-radius:1vh;color:#263238;display:flex;flex-direction:column;font-size:1rem;justify-content:center;margin:15% auto;padding:1%;width:80%}input{width:100%}input:focus{outline:none;width:100%}.Task-item,.Task-item-done{display:grid;font-weight:600;grid-template-columns:3fr 1fr;width:113%}.danger{-webkit-animation:right-to-left 3s 2;animation:right-to-left 3s 2;-webkit-animation-direction:normal;animation-direction:normal;font-size:18px;height:5%;padding-bottom:10%;text-align:center;transition:all 0s linear .33s;width:75%}@-webkit-keyframes right-to-left{0%{bottom:0;right:-50%}25%{bottom:0;right:0}50%{bottom:0;right:0}75%{bottom:0;right:0}to{bottom:0;right:-100%}}@keyframes right-to-left{0%{bottom:0;right:-50%}25%{bottom:0;right:0}50%{bottom:0;right:0}75%{bottom:0;right:0}to{bottom:0;right:-100%}}}
/*# sourceMappingURL=main.748d99c1.css.map*/