@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:200);html{font-size:24px}body{margin:0;padding:0;background-color:hsla(78,66%,88%,.533)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#main-page{display:flex;flex-direction:column;flex-flow:wrap;justify-content:center}#main-page>div{width:100%;display:flex}#main-page .header{position:fixed;top:0;display:flex;flex-direction:row;justify-content:space-between;background-color:#000;color:#fff;height:1.2rem;font-size:.8rem}#main-page .header>div{margin:.1rem .1rem;display:flex}#main-page .header .header-menu{color:#fff;margin-right:.5rem;transform:rotate(-90deg)}#main-page .page-state{justify-content:center;margin-top:3rem;display:flex;flex-flow:column}#main-page .header-space{margin-top:1.2rem}#main-page .header-space,#main-page .todo-input{display:flex;flex-direction:row;justify-content:center}#main-page .todo-input>div{width:100%}#main-page .todo-input>div>div{margin:.4rem .4rem}#main-page .todo-input input{width:90%;margin:.25rem 0;padding:.1rem;border:1px solid silver;font-size:1rem;border-radius:.2rem}#main-page .todo-input input::-moz-placeholder{color:silver;font-size:.8rem}#main-page .todo-input input::placeholder{color:silver;font-size:.8rem}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.todo-list{display:flex;flex-direction:column;flex-flow:wrap}.todo-list>div{width:100%;display:flex;margin:.2rem .4rem;justify-content:center}.todo-list .todo-item{background-color:#fff;margin:.2rem .4rem;padding:.2rem .2rem;border-radius:.2rem;box-shadow:.1rem .1rem .1rem gray}.todo-list .todo-item .todo-content{margin:0 0 0 1rem;text-align:left;width:90%}.todo-list .todo-item .todo-check{color:#fff;font-size:.5rem;width:1rem;height:1rem;border:2px solid silver;border-radius:1rem;margin:0 .4rem 0 .4rem}.todo-list .todo-item .todo-completed{color:#d3d3d3;text-decoration:line-through}.btn-large{display:block;width:70%;border:none;background-color:hsla(79,9%,49%,.533);padding:14px 28px;font-size:16px;cursor:pointer;text-align:center;font-size:large;border-radius:.2rem;box-shadow:.1rem .1rem .1rem gray}body{background-image:url(https://images.pexels.com/photos/1940036/pexels-photo-1940036.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-size:contain;animation:slidein 300s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-direction:alternate}@keyframes slidein{0%{background-position:top;background-size:3000px}to{background-position:-100px 0;background-size:2750px}}.center{display:flex;align-items:center;justify-content:center;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;background:rgba(75,75,250,.3);border-radius:3px}.center h1{text-align:center;color:#fff;font-family:Source Code Pro,monospace;text-transform:uppercase}