@import url(https://fonts.googleapis.com/css2?&family=Great+Vibes&family=Noto+Sans+JP:wght@500&family=Source+Sans+Pro:ital@1&family=Splash&family=The+Nautigal&display=swap);@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&family=Noto+Sans+JP:wght@500&family=Splash&family=The+Nautigal&display=swap);*{background:#f5f5f5;box-sizing:border-box;font-family:Source Sans Pro,sans-serif;font-size:15px;margin:0;min-height:100%;padding:0}header{margin:5px}header h1{font-size:50px;margin:20px;text-align:center}.wrapper{display:flex}.add-task{margin:0 auto;width:70%}input{border:1px solid #80cfa9;border-radius:3px;border-right:none;margin-bottom:10px;width:80%}input,input.search-input{background:#fff;padding:10px}input.search-input{border:1px solid #80cfa9;border-radius:50px;height:20px;margin:20px;width:20%}@Media (max-width:1100px){input.search-input{width:30%}}@Media (max-width:600px){header h1{font-size:40px}input.search-input{width:60%}}button{border:1px solid #80cfa9;border-radius:3px;color:#80cfa9;width:20%}button:hover{background:#80cfa9;color:#fff}button:active{box-shadow:0 0 5px #555}.wrapper{height:50px}.add-task{height:100%}input:focus{outline-color:#80cfa9}@Media (max-width:600px){.add-task{margin:0 auto;width:85%}}.lds-dual-ring{height:80px;left:50%;position:fixed;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80px}.lds-dual-ring:after{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border-color:#80cfa9 transparent;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wrapper-to-do{display:flex}h2{font-size:30px;font-weight:400;margin:40px 20px;text-align:center}.tasks-to-do{border:1px solid #baeed5;border-radius:5px;display:flex;justify-content:space-between;margin:5px auto;padding:10px;width:70%}.icons-to-do{display:flex}.icon-done{color:#80cfa9;height:25px;margin-left:20px;width:25px}.icon-done:active{box-shadow:0 0 5px green}.icon-done:hover{color:green}.icon-edit{color:#73b7e5;height:25px;margin-left:20px;width:25px}.icon-edit:active{box-shadow:0 0 5px #036fc4}.icon-edit:hover{color:#036fc4}.icon-trash{color:#de7969;height:25px;margin-left:20px;width:25px}.icon-trash:active{box-shadow:0 0 5px red}.icon-trash:hover{color:red}@Media (max-width:600px){.wrapper-to-do{flex-direction:column}.icons-to-do{justify-content:space-around;margin-top:20px}.tasks-to-do{flex-direction:column;width:85%}.task-to-do{font-size:18px}h2{font-size:30px;margin:40px 20px 20px}}@Media (max-width:300px){.add-task{margin:0 auto;width:85%}}.wrapper{height:20px;margin-top:20px}button,input{height:30px}
/*# sourceMappingURL=main.ffaa525e.css.map*/