@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}.container{width:730px;border-radius:10px;margin:5% auto auto}.container h1{width:730px;margin-bottom:30px;display:flex;align-items:center;justify-content:center;color:#002f38ad}.formInput{display:flex;justify-content:space-between;margin-bottom:40px;background-color:#4596a628;width:730px;padding:30px;border-radius:10px}::placeholder{color:#39393937}.formInput input{background-color:#ffffff46;font-size:22px;padding:10px;color:#303030;border-radius:5px;outline:none;border:1px solid rgba(0,0,0,.17);width:560px}.formInput button{background-color:#ffffff46;padding:20px 30px;font-size:20px;border-radius:5px;outline:none;border:1px solid rgba(0,0,0,.17);cursor:pointer}.unOrderList{margin-bottom:50px}.taskList{background-color:#6a918333;margin:5px 0;list-style:none;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:20px;width:730px;padding:20px 30px}.taskList button{font-size:16px;padding:10px}.deleteButton{cursor:pointer;display:flex;align-items:center}.addButton{cursor:pointer}.symbols{display:flex;gap:30px}.toggleChecked,.copyIcon{display:flex;cursor:pointer}.contentWrapper{display:flex;gap:10px}.logoutBtn{width:100%;margin-bottom:50px;padding:10px;background-color:#fff;font-size:16px;color:#c30000;border:1px solid rgb(116,0,0);cursor:pointer;transition:.3s}.logoutBtn:hover{background-color:#9c0000;color:#fff}@media screen and (max-width: 545px){.container{width:94vw}.container h1{width:90vw;margin-bottom:20px;font-size:20px}.formInput{margin-bottom:20px;width:94vw;padding:10px 20px;border-radius:10px}.formInput input{background-color:#ffffff46;font-size:16px;padding:5px;width:222px}.formInput button{padding:5px 20px;font-size:14px}.unOrderList{margin-bottom:20px}.taskList{margin:5px 0;font-size:16px;width:94vw;padding:10px 20px}}.form-container{display:flex;justify-content:center;align-items:center;height:100vh;background-image:url(https://images.pexels.com/photos/1107717/pexels-photo-1107717.jpeg);background-repeat:no-repeat;width:100vw;background-size:cover;color:#fff}.form-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000051}.form{display:flex;flex-direction:column;gap:10px;width:400px;margin-top:70px}input{background-color:transparent;outline:none;border:1px solid rgba(255,255,255,.43);padding:5px;color:#ffffffc2}.flex{display:flex;flex-direction:column}.loginBtn{margin-top:20px;background-color:#4096ff;color:#fff;padding:5px;outline:none;border:none;cursor:pointer;transition:.3s}.loginBtn:hover{background-color:#025dcc}.circleWrapper{background:#00000015;aspect-ratio:1;padding:130px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.415);display:flex;flex-direction:column;align-items:center;justify-content:center}.newAccount{color:#ffffff9b;cursor:pointer}::placeholder{color:#fff2}.demoUser{color:#ffffff9b;margin-top:10px}@media screen and (max-width: 545px){.form{display:flex;flex-direction:column;gap:10px;width:300px;margin-top:0}.loginBtn:hover{background-color:#025dcc}.circleWrapper{background:#00000015;width:322px;height:450px;padding:170px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.415)}.newAccount{color:#ffffff9b;cursor:pointer}}