.todos[data-v-4f926108]{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;grid-gap:1rem;margin-top:30px}.todo[data-v-4f926108]:hover{transform:translateY(-10px)}.todo[data-v-4f926108]{border:1px solid #ccc;position:relative;overflow:hidden;background:#fbeec1;transition:.2s}.todo[data-v-4f926108]:after{position:absolute;content:"";top:100%;left:0;width:100%;height:100%;background:rgba(141,135,65,.72);transition:.2s}.is-complete[data-v-4f926108]:after{top:0}.todo h3[data-v-4f926108]{margin:0;padding:5px 10px;background:#bc986a;font-weight:500;color:#fff}.todo textarea[data-v-4f926108]{padding:60px 10px;text-transform:capitalize;background:transparent;border:none;outline:none;width:100%}.todo span[data-v-4f926108]{position:absolute;bottom:0;padding:0 5px;margin:5px;font-size:14px;z-index:99;color:#fff;transition:.2s;cursor:pointer}.todo span.delete[data-v-4f926108]{right:0;background:#b84841}.todo span.complete[data-v-4f926108]{right:60px;background:#b88341}@media (max-width:900px){.todos[data-v-4f926108]{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.todos[data-v-4f926108]{grid-template-columns:1fr}}.loader[data-v-4f926108]{height:70%;display:flex;justify-content:center;align-items:center}.lds-ring[data-v-4f926108]{display:inline-block;position:relative;width:40px;height:40px}.lds-ring div[data-v-4f926108]{box-sizing:border-box;display:block;position:absolute;width:32px;height:32px;margin:4px;border:4px solid #000;border-radius:50%;-webkit-animation:lds-ring-data-v-4f926108 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring-data-v-4f926108 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#000 transparent transparent transparent}.lds-ring div[data-v-4f926108]:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div[data-v-4f926108]:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div[data-v-4f926108]:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring-data-v-4f926108{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring-data-v-4f926108{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}form[data-v-65746968]{display:flex}input[type=text][data-v-65746968]{flex:10;padding:10px;border:1px solid #659dbd;outline:0}button[type=submit][data-v-65746968]{flex:2;min-width:80px;background:#659dbd;color:#fff;border:1px solid #659dbd;cursor:pointer;outline:none}.error[data-v-65746968]{color:red;margin:0;margin-top:5px;font-size:14px}.lds-ring[data-v-65746968]{display:inline-block;position:relative;width:20px;height:20px}.lds-ring div[data-v-65746968]{box-sizing:border-box;display:block;position:absolute;width:16px;height:16px;margin:2px;border:2px solid #fff;border-radius:50%;-webkit-animation:lds-ring-data-v-65746968 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring-data-v-65746968 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div[data-v-65746968]:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div[data-v-65746968]:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div[data-v-65746968]:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring-data-v-65746968{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring-data-v-65746968{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}select{margin-top:20px;padding:6px;border:1px solid #659dbd;outline:none}body{font-family:Roboto,sans-serif;line-height:1.5;background:rgba(101,157,189,.05);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1100px;margin:auto;overflow:auto;padding:0 2rem}h1{text-align:center}