.handleInp:hover{cursor:not-allowed}.NewTodoForm{margin-top:3rem;display:flex;flex-wrap:wrap}.NewTodoForm label{min-width:100%;margin-bottom:.5rem;font-size:1.3rem}.NewTodoForm input{flex-grow:1;border:none;background:#f7f1f1;padding:0 1.5em;font-size:medium;outline:none}.NewTodoForm button{padding:0 1.3rem;border:none;background:hsla(0,0%,100%,.2);color:#fff;text-transform:uppercase;font-weight:700;border:1px solid hsla(0,0%,100%,.3);margin-left:5px;cursor:pointer;-webkit-transition:background .4s ease-out;transition:background .4s ease-out;outline:none}.NewTodoForm button:hover{background:rgba(0,0,0,.1)}.NewTodoForm button,.NewTodoForm input{font-family:Quicksand,sans-serif;height:3rem}.large{display:flex;align-items:center;max-width:350px;height:83px;overflow:hidden auto;word-break:break-word}.hideTodo{opacity:0}._input{background:#f7f1f1}._input:focus{background:#fff}.Todo{display:flex;margin:0 -3rem 4px;padding:1.1rem 3rem;height:77px;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.2);overflow:hidden;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.Todo,.Todo-task{position:relative}.Todo-task{-webkit-transition:opacity .4s linear;transition:opacity .4s linear}.Todo.completed{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;-webkit-transition-delay:.2s;transition-delay:.2s;opacity:.5}.Todo.completed .Todo-task:before{content:"";position:absolute;top:50%;left:-.5rem;display:block;width:0;height:4px;background:#fff;-webkit-animation:strikeitem .3s ease-in 0s forwards;animation:strikeitem .3s ease-in 0s forwards}@-webkit-keyframes strikeitem{to{width:calc(100% + 1rem)}}@keyframes strikeitem{to{width:calc(100% + 1rem)}}.Todo-buttons{flex-shrink:0;padding-left:.7em;margin-left:auto}.Todo-buttons button{border:none;font-size:1em;margin:.4em;background:none;-webkit-appearance:none;cursor:pointer;color:#fff}.Todo-edit-form{display:flex;flex-wrap:wrap}.Todo-edit-form label{min-width:100%;margin-bottom:.5rem;font-size:1.3rem}.Todo-edit-form input{flex-grow:1;border:none;background:#f7f1f1;padding:0 1.5em;font-size:medium}.Todo-edit-form button{padding:0 1.3rem;border:none;background:#f66;color:#fff;text-transform:uppercase;font-weight:700;border:1px solid hsla(0,0%,100%,.3);margin-left:5px;cursor:pointer;-webkit-transition:background .2s ease-out;transition:background .2s ease-out}.Todo-edit-form button:hover{background:#ff5e5e}.Todo-edit-form button,.Todo-edit-form input{font-family:Quicksand,sans-serif;height:3rem}.myId{-webkit-animation:FadeAnimation .5s ease-in .2s forwards;animation:FadeAnimation .5s ease-in .2s forwards}.todoList-todos{margin-bottom:30px}.hideDiv{display:none}.showDiv{display:block;position:absolute;left:200px;top:200px;color:#00f}.hide{opacity:.1}.largerTodo,.normalTodo{text-align:left;margin:0 7px 5px 0}.largerTodo{word-break:break-all;max-width:600px}.overflow{overflow-y:auto;overflow-x:hidden;width:500px}.btnCompleted{color:#fff;padding:9px;border-radius:2px;background:#2f4f4f;border:1px;cursor:pointer}.btnCompleted:hover{background:#284646}.btnClearAll{color:#fff;padding:9px;border-radius:2px;background:#202020;border:1px;cursor:pointer}.btnClearAll:hover{background:#000}.btnHistory{color:#fff;padding:9px;border-radius:2px;background:#483d8b;border:1px;cursor:pointer}.btnHistory:hover{background:#3f3580}.btnClearAllDisabled,.btnCompletedDisabled,.btnHistoryDisabled{cursor:not-allowed}#centered-toggle-button{color:#fff;background:#000;position:absolute;top:-36px;right:-50px;padding:5px;border:1px solid#eee}#centered-toggle-button:hover{color:#228b22;cursor:pointer}.toggle-true{opacity:0;cursor:default;display:none}.TodoList{margin:2rem auto}.TodoList,.TodoListShowHistory{padding:2rem 3rem 3rem;max-width:600px;background:#f66;color:#fff;box-shadow:-20px -20px 0 0 hsla(0,0%,39.2%,.1);overflow:hidden}.TodoListShowHistory{margin:2rem auto 2rem 440px}.TodoListShowHistory ul,.TodoList ul{margin-top:2.6rem;list-style:none}.TodoList h1,.TodoListShowHistory h1{font-weight:400;font-size:2.6rem;letter-spacing:.05em;border-bottom:1px solid hsla(0,0%,100%,.3)}.TodoList h1 span,.TodoListShowHistory h1 span{display:block;font-size:.8rem;margin-bottom:.7rem;margin-left:3px;margin-top:.2rem}.todo-enter{opacity:0}.todo-enter-active{opacity:1;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.todo-exit{opacity:1}.todo-exit-active{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.Todo .Todo-buttons i{display:inline-block}.form-enter{-webkit-transform:translateY(77px);transform:translateY(77px)}.form-enter,.form-enter-active{-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);position:absolute}.form-enter-active,.form-exit{-webkit-transform:translateY(0);transform:translateY(0)}.form-exit{position:absolute}.form-exit-active{-webkit-transform:translateY(77px);transform:translateY(77px);-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);position:absolute}.task-text-enter{-webkit-transform:translateY(-77px);transform:translateY(-77px);position:absolute}.task-text-enter-active{-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1)}.task-text-enter-active,.task-text-exit{-webkit-transform:translateY(0);transform:translateY(0);position:absolute}.task-text-exit-active{-webkit-transform:translateY(-77px);transform:translateY(-77px);position:absolute;-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1)}.todoList-help{position:relative}.todoList-header{margin-top:-20px}.todoList-header .span-header_2{margin-top:-40px;margin-bottom:-5px}.todoList-btns{display:flex;justify-content:space-between;align-items:baseline}.todoList-history-btn{text-align:left;margin-top:6px;margin-bottom:-40px;margin-left:-45px}.newTodo-timeOut{color:#fff;margin-left:-330px;position:fixed;bottom:20px;padding:10px;background:#6a737b;display:inline-block;border-radius:0 5px 2px 5px;cursor:pointer;opacity:.7}.todoList-timeToChill{text-align:center;margin-top:20px;margin-bottom:-20px}.todoList-noTodos{color:#000;text-align:center;margin-top:20px;margin-bottom:-35px}.todoList-pendingTask{color:#000;font-size:15px;font-weight:700;margin:-15px 0 20px}.todoList-completedTasks{color:#000;font-size:15px;font-weight:700;margin:0 0 30px}@media screen and (max-width:768px){.TodoList{width:500px}.Todo-edit-form input{width:70%}.Todo-edit-form button,.Todo-edit-form input{font-size:15px;padding:0 .8rem;height:2.5rem}}@media screen and (max-width:576px){.TodoList{width:300px;padding:2rem 1rem}#centered-toggle-button{position:absolute;right:-15px;top:-36px}.TodoList h1,.TodoListShowHistory h1{font-size:25px}.todoList-header .span-header{font-size:.75rem;line-height:1.3rem;margin-top:.8rem}.todoList-header .span-header_2{font-size:.75rem;margin-top:-10px;margin-bottom:.7rem}.NewTodoForm label{font-size:1rem;margin-bottom:.2rem}.NewTodoForm button,.NewTodoForm input{height:2.5rem}.NewTodoForm input{padding:0 0 0 1rem}.NewTodoForm button{width:100%;margin-left:0}.todoList-pendingTask{margin:-15px 0 20px}.todoList-completedTasks{margin:20px 0}.Todo{padding:1.1rem .5rem 1.1rem 1rem;margin:0 -18px 4px}.large,.Todo-task{display:flex;align-items:center;font-size:14px;height:83px;overflow:hidden auto}.Todo-edit-form input{width:65%}.Todo-edit-form button,.Todo-edit-form input{height:2rem;font-size:14px;padding:0 .5rem}.todoList-btns{flex-direction:column;margin-bottom:0}.btnClearAll,.btnCompleted,.btnHistory{padding:5px;width:100%;font-size:15px}.btnCompleted,.btnHistory{margin-bottom:7px}.btnCompleted{margin-right:0}.btnHistory{margin-top:0}}.myId{-webkit-animation:FadeAnimation 1.5s ease-in .2s forwards;animation:FadeAnimation 1.5s ease-in .2s forwards}@-webkit-keyframes FadeAnimation{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes FadeAnimation{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}#modal-container-guid{position:fixed;display:grid;height:100%;width:100%;top:0;left:0;-webkit-transform:scale(0);transform:scale(0);z-index:4}#modal-container-guid.guid{-webkit-transform:scale(1);transform:scale(1)}#modal-container-guid.guid .modal-background-guid{background:transparent;-webkit-animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-guid.guid .modal-background-guid .modal-guid{opacity:0;-webkit-animation:scaleUpModal .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleUpModal .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-guid.guid .content{-webkit-animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-guid.guid.out{-webkit-animation:quickScaleDown 0s linear .5s forwards;animation:quickScaleDown 0s linear .5s forwards}#modal-container-guid.guid.out .modal-background-guid{-webkit-animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-guid.guid.out .modal-background-guid .modal-guid{-webkit-animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-guid.guid.out+.content{-webkit-animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-guid .modal-background-guid{display:flex;justify-content:center;background:rgba(0,0,0,.8)}.modal-guid{position:absolute;top:40px;width:900px;height:550px;overflow:auto;z-index:5}#modal-container-guid .modal-background-guid .modal-guid{background:#fff;padding:50px 50px 25px;display:inline-block;border-radius:3px;font-weight:300;position:relative}#modal-container-guid .modal-background-guid .modal-guid h2{font-size:25px;line-height:25px;margin-bottom:15px}#modal-container-guid .modal-background-guid .modal-guid p{font-size:18px;line-height:22px}#modal-container-guid .modal-background-guid .modal-guid .modal-svg{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:3px}#modal-container-guid .modal-background-guid .modal-guid .modal-svg rect{stroke:#fff;stroke-width:2px;stroke-dasharray:778;stroke-dashoffset:778}@media screen and (max-width:992px){.modal-guid{width:700px}}@media screen and (max-width:768px){.modal-guid{width:500px}}@media screen and (max-width:576px){.modal-guid{width:300px}#modal-container-guid .modal-background-guid .modal-guid{padding:40px 20px 20px}#modal-container-guid .modal-background-guid .modal-guid h2{text-align:center;font-size:20px;margin-top:0}#modal-container-guid .modal-background-guid .modal-guid p{font-size:14px;line-height:20px}}@-webkit-keyframes scaleUpModal{0%{-webkit-transform:scale(.8) translateY(-1000px);transform:scale(.8) translateY(-1000px);opacity:0}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}}@keyframes scaleUpModal{0%{-webkit-transform:scale(.8) translateY(-1000px);transform:scale(.8) translateY(-1000px);opacity:0}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}}.help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.help-colors{margin-bottom:20px}.help-localStorage{display:block;margin-bottom:10px}.help-localStorage label{cursor:pointer}.timeoutMessage{color:#fff;margin-left:650px;position:fixed;bottom:80px;padding:10px;background:#6a737b;display:inline-block;border-radius:0 5px 2px 5px;cursor:pointer;font-size:14px}.help-p-addOwnColor{margin-top:-5px}.help-form{display:flex;justify-content:space-between;align-items:center}.help-input-color{padding:10px;width:250px;border:2px solid #eee}.help-ul{margin-left:20px;margin-top:15px;height:250px;overflow-y:auto;overflow-x:hidden}.help-fLi,.help-fLi-color{display:flex;align-items:center;margin-bottom:5px;cursor:pointer}.help-fLi-color{color:#228b22}.help-li,.help-li-color{display:flex;align-items:center;cursor:pointer}.help-li-color{color:#228b22}.help-plus{font-size:20px}.help-minus,.help-plus{color:#fff;background:#228b22;border-radius:30%;height:20px;display:inline-flex;width:20px;justify-content:center;align-items:center;margin-right:5px}.help-minus{font-size:25px}.help-div{margin-left:20px}.help-ul-div-ul{margin-left:30px}.help-ok{margin-top:10px}@media screen and (max-width:576px){.help-header{flex-direction:column}.help-setting-btn,.help-setting-btn button{width:100%}.help-colors .help-localStorage{display:flex;align-items:baseline}.help-description,.help-localStorage label{font-size:14px}.help-ul{margin-left:0}.help-plus,.help-ul{font-size:16px}.help-minus{font-size:20px}.help-div{font-size:14px}.help-colors-footer h3{font-size:18px}.help-form{flex-direction:column;align-items:center}.help-input-color{margin-bottom:15px;padding:7px}.help-div-save,.help-div-save button{width:100%}}.colors{display:flex;flex-wrap:wrap}.colors-color{width:70px;height:70px;margin-bottom:30px;margin-right:20px;cursor:pointer}@media screen and (max-width:576px){.colors{justify-content:center;margin-top:35px}.colors-color{width:85px;height:80px}}#modal-container-clearAllTodo{position:fixed;display:table;height:100%;width:100%;top:0;left:0;-webkit-transform:scale(0);transform:scale(0);z-index:4}#modal-container-clearAllTodo.clearAllTodo{-webkit-transform:scale(1);transform:scale(1)}#modal-container-clearAllTodo.clearAllTodo .modal-background-clearAllTodo{background:transparent;-webkit-animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clearAllTodo.clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo{opacity:0;-webkit-animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clearAllTodo.clearAllTodo+.content{-webkit-animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clearAllTodo.clearAllTodo.out{-webkit-animation:quickScaleDown 0s linear .5s forwards;animation:quickScaleDown 0s linear .5s forwards}#modal-container-clearAllTodo.clearAllTodo.out .modal-background-clearAllTodo{-webkit-animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clearAllTodo.clearAllTodo.out .modal-background-clearAllTodo .modal-clearAllTodo{-webkit-animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clearAllTodo.clearAllTodo.out+.content{-webkit-animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clearAllTodo .modal-background-clearAllTodo{display:table-cell;background:rgba(0,0,0,.8);text-align:center;vertical-align:middle}.modal-clearAllTodo{margin-bottom:8px;z-index:5}#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo{background:#fff;padding:50px;display:inline-block;border-radius:3px;font-weight:300;position:relative}#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo h2{font-size:25px;line-height:25px;margin-bottom:15px}#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo p{font-size:18px;line-height:22px}#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo .modal-svg{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:3px}#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo .modal-svg rect{stroke:#fff;stroke-width:2px;stroke-dasharray:778;stroke-dashoffset:778}@media screen and (max-width:768px){#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo{width:400px;padding:35px}#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo h2{font-size:24px}#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo p{font-size:16px}}@media screen and (max-width:576px){#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo{width:250px;padding:25px}#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo h2{font-size:23px}#modal-container-clearAllTodo .modal-background-clearAllTodo .modal-clearAllTodo p{font-size:15px}}#modal-showHistory_Modal-container{position:fixed;display:grid;height:100%;width:100%;top:0;left:0;-webkit-transform:scale(0);transform:scale(0);z-index:4}#modal-showHistory_Modal-container.clear-todo{-webkit-transform:scale(1);transform:scale(1)}#modal-showHistory_Modal-container.clear-todo .modal-showHistory_Modal-background{background:transparent;-webkit-animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-showHistory_Modal-container.clear-todo .modal-showHistory_Modal-background .modal-showHistory_Modal{opacity:0;-webkit-animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-showHistory_Modal-container.clear-todo+.content{-webkit-animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-showHistory_Modal-container.clear-todo.out{-webkit-animation:quickScaleDown 0s linear .5s forwards;animation:quickScaleDown 0s linear .5s forwards}#modal-showHistory_Modal-container.clear-todo.out .modal-showHistory_Modal-background{-webkit-animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-showHistory_Modal-container.clear-todo.out .modal-showHistory_Modal-background .modal-showHistory_Modal{-webkit-animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-showHistory_Modal-container.clear-todo.out+.content{-webkit-animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-showHistory_Modal-container .modal-showHistory_Modal-background{display:flex;justify-content:center;background:rgba(0,0,0,.8);text-align:center}.modal-showHistory_Modal{width:800px;max-height:550px;overflow:auto;position:absolute;top:40px;margin-bottom:8px;z-index:5}#modal-showHistory_Modal-container .modal-showHistory_Modal-background .modal-showHistory_Modal{background:#fff;padding:50px;display:inline-block;border-radius:3px;font-weight:300}#modal-showHistory_Modal-container .modal-showHistory_Modal-background .modal-showHistory_Modal h2{font-size:25px;line-height:25px;margin-bottom:15px}#modal-showHistory_Modal-container .modal-showHistory_Modal-background .modal-showHistory_Modal p{font-size:18px;line-height:22px}#modal-showHistory_Modal-container .modal-showHistory_Modal-background .modal-showHistory_Modal .modal-showHistory_Modal-svg{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:3px}#modal-showHistory_Modal-container .modal-showHistory_Modal-background .modal-showHistory_Modal .modal-showHistory_Modal-svg rect{stroke:#fff;stroke-width:2px;stroke-dasharray:778;stroke-dashoffset:778}.content{z-index:0}@media screen and (max-width:992px){.modal-showHistory_Modal{width:600px}}@media screen and (max-width:768px){.modal-showHistory_Modal{width:400px}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:.8rem}}@media screen and (max-width:576px){.modal-showHistory_Modal{width:300px}}.dvBtnWrapper{display:flex;justify-content:space-between;flex-wrap:wrap}.clearBtn,.restoreBtn{color:#fff;padding:5px;margin-top:14px}.clearBtn{margin-right:5px}.history-container{-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;border:1px solid #eee;margin-bottom:20px;margin-top:50px}.history-ul{list-style:none;margin-left:15px;display:grid}.history-header{margin-top:40px}.history-time{float:right;font-size:14px;margin-top:5px}.history-time .day{float:left}.history-time .time{float:right;margin-right:30px}.history-ul .button{margin-bottom:15px;margin-right:30px}@media screen and (max-width:576px){.clearHistory{width:100%;margin-bottom:15px}.clearHistory .clearBtn,.restoreAll,.restoreAll .restoreBtn{width:100%}.largerTodo,.normalTodo{font-size:15px;font-weight:700}.history-container{margin-top:20px}.history-time{font-size:11px}}#modal-container-clear{position:fixed;display:table;height:100%;width:100%;top:0;left:0;-webkit-transform:scale(0);transform:scale(0);z-index:5}#modal-container-clear.clear{-webkit-transform:scale(1);transform:scale(1)}#modal-container-clear.clear .modal-background-clear{background:transparent;-webkit-animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clear.clear .modal-background-clear .modal-clear{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);-webkit-animation:roadRunnerInLeft .3s cubic-bezier(.165,.84,.44,1) forwards;animation:roadRunnerInLeft .3s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clear.clear.out{-webkit-animation:quickScaleDown 0s linear .5s forwards;animation:quickScaleDown 0s linear .5s forwards}#modal-container-clear.clear.out .modal-background-clear{-webkit-animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clear.clear.out .modal-background-clear .modal-clear{-webkit-animation:roadRunnerOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:roadRunnerOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clear.out{-webkit-animation:quickScaleDown 0s linear .5s forwards;animation:quickScaleDown 0s linear .5s forwards}#modal-container-clear.out .modal-background-clear{-webkit-animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clear.out .modal-background-clear .modal-clear{-webkit-animation:modalFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:modalFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-clear.out .modal-background-clear .modal-clear h2,#modal-container-clear.out .modal-background-clear .modal-clear p{-webkit-animation:modalContentFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:modalContentFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.out .modal-background-clear .modal-clear .modal-svg rect{-webkit-animation:sketchOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:sketchOut .5s cubic-bezier(.165,.84,.44,1) forwards}.modal-background-clear{display:table-cell;background:rgba(0,0,0,.8);text-align:center;vertical-align:middle}.modal-background-clear .modal-clear{background:#fff;padding:50px;display:inline-block;border-radius:3px;font-weight:300;position:relative}.modal-background-clear .modal-clear h2{font-size:25px;line-height:25px;margin-bottom:15px}.modal-background-clear .modal-clear p{font-size:18px;line-height:22px}.modal-background-clear .modal-clear .modal-svg{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:3px}.modal-background-clear .modal-clear .modal-svg rect{stroke:#fff;stroke-width:2px;stroke-dasharray:778;stroke-dashoffset:778}@media screen and (max-width:576px){.modal-background-clear .modal-clear{width:250px;padding:25px}.modal-background-clear .modal-clear h2{font-size:23px}.modal-background-clear .modal-clear p{font-size:15px}}@-webkit-keyframes roadRunnerInLeft{0%{-webkit-transform:translateX(-1500px) skewX(30deg) scaleX(1.3);transform:translateX(-1500px) skewX(30deg) scaleX(1.3)}70%{-webkit-transform:translateX(30px) skewX(0deg) scaleX(.9);transform:translateX(30px) skewX(0deg) scaleX(.9)}to{-webkit-transform:translateX(0) skewX(0deg) scaleX(1);transform:translateX(0) skewX(0deg) scaleX(1)}}@keyframes roadRunnerInLeft{0%{-webkit-transform:translateX(-1500px) skewX(30deg) scaleX(1.3);transform:translateX(-1500px) skewX(30deg) scaleX(1.3)}70%{-webkit-transform:translateX(30px) skewX(0deg) scaleX(.9);transform:translateX(30px) skewX(0deg) scaleX(.9)}to{-webkit-transform:translateX(0) skewX(0deg) scaleX(1);transform:translateX(0) skewX(0deg) scaleX(1)}}#modal-container-restore{position:fixed;display:table;height:100%;width:100%;top:0;left:0;-webkit-transform:scale(0);transform:scale(0);z-index:5}#modal-container-restore.restore{-webkit-transform:scale(1);transform:scale(1)}#modal-container-restore.restore .modal-background-restore{background:transparent;-webkit-animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restore.restore .modal-background-restore .modal-restore{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);-webkit-animation:roadRunnerInRight .3s cubic-bezier(.165,.84,.44,1) forwards;animation:roadRunnerInRight .3s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restore.restore.out{-webkit-animation:quickScaleDown 0s linear .5s forwards;animation:quickScaleDown 0s linear .5s forwards}#modal-container-restore.restore.out .modal-background-restore{-webkit-animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restore.restore.out .modal-background-restore .modal-restore{-webkit-animation:roadRunnerOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:roadRunnerOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restore.out{-webkit-animation:quickScaleDown 0s linear .5s forwards;animation:quickScaleDown 0s linear .5s forwards}#modal-container-restore.out .modal-background-restore{-webkit-animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restore.out .modal-background-restore .modal-restore{-webkit-animation:modalFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:modalFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restore.out .modal-background-restore .modal-restore h2,#modal-container-restore.out .modal-background-restore .modal-restore p{-webkit-animation:modalContentFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:modalContentFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.out .modal-background-restore .modal-restore .modal-svg rect{-webkit-animation:sketchOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:sketchOut .5s cubic-bezier(.165,.84,.44,1) forwards}.modal-background-restore{display:table-cell;background:rgba(0,0,0,.8);text-align:center;vertical-align:middle}.modal-background-restore .modal-restore{background:#fff;padding:50px;display:inline-block;border-radius:3px;font-weight:300;position:relative}.modal-background-restore .modal-restore h2{font-size:25px;line-height:25px;margin-bottom:15px}.modal-background-restore .modal-restore p{font-size:18px;line-height:22px}.modal-background-restore .modal-restore .modal-svg{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:3px}.modal-background-restore .modal-restore .modal-svg rect{stroke:#fff;stroke-width:2px;stroke-dasharray:778;stroke-dashoffset:778}@media screen and (max-width:576px){.modal-background-restore .modal-restore{width:250px;padding:25px}.modal-background-restore .modal-restore h2{font-size:23px}.modal-background-restore .modal-restore p{font-size:15px}}@-webkit-keyframes roadRunnerInRight{0%{-webkit-transform:translateX(1500px) skewX(30deg) scaleX(1.3);transform:translateX(1500px) skewX(30deg) scaleX(1.3)}70%{-webkit-transform:translateX(30px) skewX(0deg) scaleX(.9);transform:translateX(30px) skewX(0deg) scaleX(.9)}to{-webkit-transform:translateX(0) skewX(0deg) scaleX(1);transform:translateX(0) skewX(0deg) scaleX(1)}}@keyframes roadRunnerInRight{0%{-webkit-transform:translateX(1500px) skewX(30deg) scaleX(1.3);transform:translateX(1500px) skewX(30deg) scaleX(1.3)}70%{-webkit-transform:translateX(30px) skewX(0deg) scaleX(.9);transform:translateX(30px) skewX(0deg) scaleX(.9)}to{-webkit-transform:translateX(0) skewX(0deg) scaleX(1);transform:translateX(0) skewX(0deg) scaleX(1)}}@-webkit-keyframes roadRunnerOut{0%{-webkit-transform:translateX(0) skewX(0deg) scaleX(1);transform:translateX(0) skewX(0deg) scaleX(1)}30%{-webkit-transform:translateX(-30px) skewX(-5deg) scaleX(.9);transform:translateX(-30px) skewX(-5deg) scaleX(.9)}to{-webkit-transform:translateX(1500px) skewX(30deg) scaleX(1.3);transform:translateX(1500px) skewX(30deg) scaleX(1.3)}}@keyframes roadRunnerOut{0%{-webkit-transform:translateX(0) skewX(0deg) scaleX(1);transform:translateX(0) skewX(0deg) scaleX(1)}30%{-webkit-transform:translateX(-30px) skewX(-5deg) scaleX(.9);transform:translateX(-30px) skewX(-5deg) scaleX(.9)}to{-webkit-transform:translateX(1500px) skewX(30deg) scaleX(1.3);transform:translateX(1500px) skewX(30deg) scaleX(1.3)}}@-webkit-keyframes sketchOut{0%{stroke-dashoffset:0}to{stroke-dashoffset:778}}@keyframes sketchOut{0%{stroke-dashoffset:0}to{stroke-dashoffset:778}}@-webkit-keyframes modalFadeOut{0%{background-color:#fff}to{background-color:transparent}}@keyframes modalFadeOut{0%{background-color:#fff}to{background-color:transparent}}@-webkit-keyframes modalContentFadeOut{0%{opacity:1;top:0}to{opacity:0;top:-20px}}@keyframes modalContentFadeOut{0%{opacity:1;top:0}to{opacity:0;top:-20px}}#modal-container-restoreOnetodo{position:fixed;display:table;height:100%;width:100%;top:0;left:0;-webkit-transform:scale(0);transform:scale(0);z-index:5}#modal-container-restoreOnetodo.restoreOnetodo{-webkit-transform:scale(1);transform:scale(1)}#modal-container-restoreOnetodo.restoreOnetodo .modal-background-restoreOnetodo{background:transparent;-webkit-animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restoreOnetodo.restoreOnetodo .modal-background-restoreOnetodo .modal-restoreOnetodo{opacity:0;-webkit-animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restoreOnetodo.restoreOnetodo+.content{-webkit-animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restoreOnetodo.restoreOnetodo.out{-webkit-animation:quickScaleDown 0s linear .5s forwards;animation:quickScaleDown 0s linear .5s forwards}#modal-container-restoreOnetodo.restoreOnetodo.out .modal-background-restoreOnetodo{-webkit-animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restoreOnetodo.restoreOnetodo.out .modal-background-restoreOnetodo .modal-restoreOnetodo{-webkit-animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restoreOnetodo.restoreOnetodo.out+.content{-webkit-animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container-restoreOnetodo .modal-background-restoreOnetodo{display:table-cell;background:rgba(0,0,0,.8);text-align:center;vertical-align:middle}#modal-container-restoreOnetodo .modal-background-restoreOnetodo .modal-restoreOnetodo{background:#fff;padding:50px;display:inline-block;border-radius:3px;font-weight:300;position:relative}#modal-container-restoreOnetodo .modal-background-restoreOnetodo .modal-restoreOnetodo h2{font-size:25px;line-height:25px;margin-bottom:15px}#modal-container-restoreOnetodo .modal-background-restoreOnetodo .modal-restoreOnetodo p{font-size:18px;line-height:22px}#modal-container-restoreOnetodo .modal-background-restoreOnetodo .modal-restoreOnetodo .modal-svg{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:3px}#modal-container-restoreOnetodo .modal-background-restoreOnetodo .modal-restoreOnetodo .modal-svg rect{stroke:#fff;stroke-width:2px;stroke-dasharray:778;stroke-dashoffset:778}.content{min-height:100%;height:100%;background:#fff;position:relative;z-index:1}.content h1{padding:75px 0 30px;text-align:center;font-size:30px;line-height:30px}.content .buttons{max-width:800px;margin:0 auto;padding:0;text-align:center}.content .buttons .button{display:inline-block;text-align:center;padding:10px 15px;margin:10px;background:red;font-size:18px;background-color:#efefef;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.3);cursor:pointer}.content .buttons .button:hover{color:#fff;background:#009bd5}@media screen and (max-width:576px){#modal-container-restoreOnetodo .modal-background-restoreOnetodo .modal-restoreOnetodo{width:250px;padding:25px}#modal-container-restoreOnetodo .modal-background-restoreOnetodo .modal-restoreOnetodo h2{font-size:23px}#modal-container-restoreOnetodo .modal-background-restoreOnetodo .modal-restoreOnetodo p{font-size:15px}}@-webkit-keyframes fadeIn{0%{background:transparent}to{background:rgba(0,0,0,.7)}}@keyframes fadeIn{0%{background:transparent}to{background:rgba(0,0,0,.7)}}@-webkit-keyframes fadeOut{0%{background:rgba(0,0,0,.7)}to{background:transparent}}@keyframes fadeOut{0%{background:rgba(0,0,0,.7)}to{background:transparent}}@-webkit-keyframes scaleUp{0%{-webkit-transform:scale(.8) translateY(1000px);transform:scale(.8) translateY(1000px);opacity:0}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}}@keyframes scaleUp{0%{-webkit-transform:scale(.8) translateY(1000px);transform:scale(.8) translateY(1000px);opacity:0}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}}@-webkit-keyframes scaleDown{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}to{-webkit-transform:scale(.8) translateY(1000px);transform:scale(.8) translateY(1000px);opacity:0}}@keyframes scaleDown{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}to{-webkit-transform:scale(.8) translateY(1000px);transform:scale(.8) translateY(1000px);opacity:0}}@-webkit-keyframes scaleBack{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.85);transform:scale(.85)}}@keyframes scaleBack{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.85);transform:scale(.85)}}@-webkit-keyframes scaleForward{0%{-webkit-transform:scale(.85);transform:scale(.85)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleForward{0%{-webkit-transform:scale(.85);transform:scale(.85)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes quickScaleDown{0%{-webkit-transform:scale(1);transform:scale(1)}99.9%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes quickScaleDown{0%{-webkit-transform:scale(1);transform:scale(1)}99.9%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}*{margin:0;padding:0;box-sizing:border-box}body,html{display:flex;justify-content:center;align-items:center;background-image:url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg);background-size:cover;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif,Quicksand;font-size:1.1rem;font-weight:200;height:-webkit-max-content;height:-moz-max-content;height:max-content;line-height:1.4285em;color:rgba(0,0,0,.87)}
/*# sourceMappingURL=main.90c1e5a9.chunk.css.map */