*{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;display:block}header{border-bottom:1px solid #ccc;padding:1rem}title{color:#fff}.container{background-color:#ff0;border-radius:15px;width:50%;min-width:auto;height:auto;margin-left:auto;margin-right:auto;padding:90px}.heading{align-items:center;padding-left:15px;display:flex}.heading h2{padding-left:15px;font-size:30px}.fa-list-ul{font-size:30px}.input{color:#fff;width:90%;min-width:260px;height:50px;box-shadow:hsla(25%, 20%, 50%, .4);background-color:gray;border-radius:40px;flex-grow:1;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;padding-left:5px;padding-right:10px;display:flex}.typing-area{color:#fff;background:#0003;border-color:#ff0;border-radius:40px;outline:#ff0;flex-grow:1;width:100%;height:auto;margin-right:-45px;padding:10px 10px 10px 15px;display:flex;overflow:hidden}.add{color:#fff;background:gray;border-radius:50%;width:40px;height:40px}.fa-plus{margin-right:30px;font-size:25px}.fa-plus:hover{cursor:pointer}.edit{margin-left:5px;margin-right:10px}.tasks{opacity:.5;background:#0003;border-color:#ff0;border-radius:40px;outline:none;width:25%;height:auto;margin-left:5px;padding:10px 20px}option{opacity:.5;color:#000;background-color:gray;border-radius:1rem;outline:none;width:20%;height:auto;margin-left:10px;padding:1em}.list{color:#f0f8ff;background-color:#5c5a5a;border-color:red;width:80%;margin-bottom:1em;margin-left:auto;margin-right:auto;padding:40px}.done{cursor:pointer;border-radius:50%;width:45px;height:auto;margin-left:5px}.done.complete{border-radius:50%;width:45px;height:auto}.done.complete:hover{cursor:pointer}.remove{cursor:pointer;border-radius:50%;width:45px;height:auto}.edit{cursor:text}.task-item{word-break:break-word;flex:1;min-width:0;display:flex;overflow:scroll}li{color:#000;background-color:#cdd6cd;border-radius:.5rem;align-items:center;width:95%;height:2rem;margin-top:15px;display:flex;overflow:scroll}@keyframes fall{to{opacity:0;transform:translateY(150px)rotate(30deg)}}.fall{animation:.5s ease-in forwards fall}.task-item{transition:transform .25s ease-in,opacity .25s ease-in}.task{color:#000;width:70%;height:1.5rem;padding-left:15px}.complete{opacity:.3;width:70%;height:1.5rem;font-style:italic;text-decoration:line-through}.footer{color:#fff;background-color:#1a171a;width:100%;height:auto;margin-bottom:20px;margin-left:auto;margin-right:auto}.para{margin-top:5px;margin-left:55px;padding:20px;font-family:Dancing Script,cursive;font-size:30px}.contacts{background-color:#131028;justify-content:center;align-items:center;display:flex}.contacts i{padding:20px;font-size:40px}.contacts a{color:#ff0}.contacts i{animation:.5s infinite shake;display:inline-block}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.rights{color:#000;background-color:#f5f5f5;justify-content:center;font-family:Alumni Sans,sans-serif;display:flex}@media (width<=600px){.container{background-color:#ff0;width:95%;height:auto;margin-left:auto;margin-right:auto;padding:5px}.input{color:#fff;width:80%;height:50px;box-shadow:hsla(25%, 20%, 50%, .4);background-color:gray;border-radius:40px;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex}.task-item{width:100%}.list{color:#f0f8ff;background-color:#5c5a5a;border-color:red;max-width:70%;margin-bottom:1em}.tasks{opacity:.5;color:#000;background-color:gray;border-color:#ff0;border-radius:40px;outline:none;width:85px;height:auto;margin-left:10px;padding:10px}.add{opacity:.5;color:#fff;background-color:gray;border-radius:50%;width:40px;height:40px;margin-left:5px}.fa-plus{margin-left:5px}.footer{color:#fff;background-color:#100b15;width:100%;height:auto;margin-left:auto;margin-right:auto}.para{margin-bottom:5px;margin-left:5px;font-family:Dancing Script,cursive;font-size:20px}.contacts{width:100%}.contacts i{font-size:18px}}