*{margin:0;padding:0;box-sizing:border-box}body{align-items:center;display:flex;flex-direction:column;font-family:Work Sans,sans-serif;min-height:100vh;padding-top:3%}.standard{background-image:linear-gradient(100deg,#575656,#062e3f);color:#ffdfdb;transition:.3s linear}.light{background-image:linear-gradient(100deg,#d4f1ff,#fff);color:#1a150e;transition:.3s linear}.darker{background-image:linear-gradient(100deg,#001214,#001f29);color:#fff;transition:.3s linear}#header,#form,#datetime{margin:0 1rem;min-height:10vh;width:100%}#header{align-items:center;display:flex;flex-direction:column;justify-content:space-around;font-size:3rem;min-height:25vh;width:100%}.flexrow-container{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:space-around;margin:0;z-index:1000}.theme-selector{border:1px solid #d1dae3;border-radius:100%;height:35px;margin:0 8px;transition:tranform .15s ease-in-out,box-shadow .2s ease-in-out;width:35px}.theme-selector:hover{box-shadow:#fff 0 0 8px;cursor:pointer}.theme-selector:active{transform:scale(.95)}.standard-theme{background-image:linear-gradient(100deg,#575656,#062e3f)}.light-theme{background-image:linear-gradient(100deg,#d4f1ff,#fff)}.darker-theme{background-image:linear-gradient(100deg,#001214,#001f29)}#title{border-right:solid 3px rgba(0,0,0,.75);white-space:pre;overflow:hidden;letter-spacing:.2rem;margin-top:50px;margin-bottom:20px;max-width:480px}#title{animation:animated-text 2s steps(11,end) .5s 1 normal both,animated-cursor .75s steps(11,end) infinite}#title.darker-title{animation:animated-text 2s steps(11,end) .5s 1 normal both,darker-animated-cursor .75s steps(11,end) infinite}@keyframes animated-text{0%{width:0%}to{width:480px}}@keyframes animated-cursor{0%{border-right-color:#000000bf}to{border-right-color:transparent}}@keyframes darker-animated-cursor{0%{border-right-color:#01394c}to{border-right-color:transparent}}form{display:flex;font-size:1.7rem;justify-content:center;margin:15px 0;padding:.8rem;width:100%}form input{padding:10px;font-size:17px;border:none;outline:none;border-top-left-radius:17px;border-bottom-left-radius:17px;max-width:500px;transition:background-color .2s ease-in-out;width:100%}form input.standard-input{background-color:#181a1a;color:#f7e2df}form input.light-input{background-color:#aeb1b4;color:#1a150e}form input.light-input::placeholder{color:#1a150e;opacity:.7}form input.darker-input{background-color:#01394c;color:#fff}form input.darker-input::placeholder{color:#fff;opacity:.7}form input:hover{cursor:text}form input.standard-input:hover{background-color:#000}form input.light-input:hover{background-color:#919699}form input.darker-input:hover{background-color:#013141}button{border:none;outline:none;transition:box-shadow .2s ease,background-color .2s ease-in-out}button:hover{cursor:pointer}button.standard-button{background-color:#f7e2df;color:#000}button.standard-button:hover{background-color:#fff;box-shadow:#fff8 0 0 10px}button.light-button{background-color:#fff;color:#1a150e}button.light-button:hover{background-color:#f0f0f0}button.darker-button{background-color:#002837;color:#fff}button.darker-button:hover{background-color:#001f29}form button{padding:10px;font-size:17px;border-top-right-radius:15px;border-bottom-right-radius:15px;min-width:100px}#myUnOrdList{display:flex;justify-content:center;align-items:center;max-width:1200px}.todo-list{min-width:25%;list-style:none}.todo{margin:1rem;font-size:19px;display:flex;justify-content:space-between;align-items:center;padding:.25em .5em;border-radius:30px;transition:background-color .2s ease-in-out}.standard-todo{background-color:#1a1b1b}.light-todo{background-color:#aeb1b4}.darker-todo{background-color:#01394c}.todo li{padding:7px;font-size:20px;flex:1;border-radius:30px;overflow-wrap:anywhere}.check-btn,.delete-btn{font-size:19px;cursor:pointer;width:2em;height:2em;border-radius:80%;margin:0 5px}.todo-item{padding:0rem .5rem}.fa-trash,.fa-check{pointer-events:none}.completed{transition:.2s;text-decoration:line-through;opacity:.5}.fall{transition:.5s;transform:translateY(45rem) rotate(45deg);opacity:0}@media only screen and (max-width:1000px){.flexrow-container{align-self:unset;margin-right:0}}@media only screen and (max-width:800px){#header{font-size:2rem}#title{animation:animated-text 3s steps(16,end) .5s 1 normal both,animated-cursor .75s steps(16,end) infinite;margin-bottom:10px;margin-top:30px;max-width:330px}}@media only screen and (max-width:400px){#header{font-size:1.5rem}#title{animation:animated-text 3.5s steps(16,end) .5s 1 normal both,animated-cursor .75s steps(16,end) infinite;max-width:255px}}@media only screen and (max-width:400px){form{align-items:center;flex-direction:column}form input{border-radius:17px}form button{border-radius:15px;margin-top:15px;width:50%}form>button.light-button{box-shadow:0 0 5px #d3d3d3}}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%{transform:rotate(0)}20%{transform:rotate(-25deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-25deg)}80%{transform:rotate(10deg)}to{transform:rotate(0)}}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}