h2{color:#fff;font-size:24px;margin:60px 0 10px}h2,h4{font-family:Nunito,sans-serif}h4{color:hsla(0,0%,100%,.703);font-size:12px}.complete{opacity:.4;text-decoration:line-through}.todo-row{align-items:center;background:rgba(231,110,24,.674) 0;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.5);color:#fff;display:flex;justify-content:space-between;margin:8px auto;padding:12px;width:100%!important;width:90%}.todo-row:nth-child(3n+1){background:rgba(9,176,218,.5) 0}.todo-row:nth-child(3n+2){background:rgba(250,0,135,.5) 100%}.icons{align-items:center;cursor:pointer;display:flex;font-size:24px}.delete-icon{color:#fff;margin-right:5px}.complete-icon:hover,.delete-icon:hover,.edit-icon:hover{color:#a882f3;font-size:larger}.complete-icon,.edit-icon{color:#fff;margin:0 3px}h1{color:#fff;font-family:Nunito,sans-serif;font-size:24px;margin:15px 0 10px}@media (min-width:320px) and (max-width:650px){.todo-context{width:80vw}}*{box-sizing:border-box;font-family:PT Sans,sans-serif;margin:0;padding:0}body{background:linear-gradient(#056164,#080452)}.todo-app,body{align-items:center;display:flex;justify-content:center}.todo-app{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.1);border-left:1px solid hsla(0,0%,100%,.5);border-radius:15px!important;border-radius:10px;border-top:1px solid hsla(0,0%,100%,.5);box-shadow:20px 20px 50px rgba(0,0,0,.5);flex-wrap:wrap;margin:128px auto;min-height:500px;min-width:50vmax;padding-bottom:32px;position:relative;text-align:center;z-index:1}.todo-form{margin-bottom:60px}.todo-input{background:transparent;border:2px solid #0000000a;border-radius:4px 0 0 4px;box-shadow:0 5px 15px rgba(0,0,0,.397);color:#fff;outline:none;padding:14px 32px 14px 16px;width:320px}.todo-input::-webkit-input-placeholder{color:#e2e2e2}.todo-input:-ms-input-placeholder{color:#e2e2e2}.todo-input::placeholder{color:#e2e2e2}.todo-button{background:linear-gradient(90deg,rgba(93,12,255,.05),rgba(154,0,250,.037));border:none;border-radius:0 4px 4px 0;box-shadow:0 5px 15px rgba(0,0,0,.4);color:#fff;cursor:pointer;outline:none;padding:16px}.todo-button:hover{text-transform:uppercase}.todo-input.edit{border:2px solid #149fff}.todo-button.edit{background:linear-gradient(90deg,#149fff,#117aff);padding:16px 22px}.todo-container{display:flex;flex-direction:row;position:relative}@media (min-width:320px) and (max-width:650px){.todo-app{-webkit-backdrop-filter:blur(-5px);backdrop-filter:blur(-5px);height:100vh;margin:0;width:100vw}.todo-input{width:215px}.todo-row{width:80%}.todo-button:hover{text-transform:none}}
/*# sourceMappingURL=main.184bbc0a.css.map*/