.footer{margin:45px auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #95c6fe;background:#5ed6fc;background:linear-gradient(90deg,#5ed6fcf4,#6378e8 100%,#fe35f8);padding:15px 0;color:#fff}.footer .footer-list p{list-style:none;display:inline-block;margin-left:10px;font-weight:400}.footer .monlist{margin-left:90px}.footer-list{margin-right:90px}@media screen and (max-width: 930px){.footer{display:flex;flex-direction:column}.footer .monlist{margin-left:0;margin-bottom:10px}.footer-list{margin-right:0}}.ToDo{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;min-height:100vh;padding-left:10%;padding-right:10%}.ToDo-Container{border:1px solid white;border-top:rgba(141,250,247,.975);border-radius:10px;width:700px;min-height:500px;text-align:center;background:#fff;box-shadow:0 0 30px #02faf22c}.ToDo-Container ul{padding-left:7%;padding-right:7%}.Schedule{border-radius:10px;width:220px;min-height:500px;background:linear-gradient(150deg,#58dfebf5,#639be8 100%,#fe35f8);color:#fff;box-shadow:-3px 3px 5px #44d8ef9c}.Schedule h1{width:auto;margin:20px;font-weight:650;font-size:30px;display:flex;align-items:center;gap:10px}.Schedule h3{cursor:pointer;padding-left:10px;display:flex;align-items:center;min-height:40px;background:#185285;border-radius:5px;gap:8px}.Schedule h3:hover{background:#0c2d49;transition:.5s}.Schedule .tomorrow{margin-bottom:30px}form{min-height:220px}.Schedule h3,form,span{width:auto;margin:20px;font-weight:600}.feedback{color:#fff;font-size:23px}.text{margin-top:20px;border:0;outline:0;border-radius:10px;width:100%;padding-left:10px;padding-top:10px}span{font-size:13px}.btn{margin-top:10px}.ToDo-Container h1{color:#fff;width:auto;min-height:70px;font-size:50px;font-weight:500;display:flex;justify-content:center;align-items:center;border-radius:10px 10px 0 0;margin-bottom:30px;background:#58dfeb;background:linear-gradient(90deg,#58dfebf4,#639be8 100%,#fe35f8)}.note{margin-right:10px;font-size:30px;color:#00bfff}.setTime{max-width:20%;margin-left:-5px;font-size:20px}.emoji-container{position:absolute;left:39%;transform:translateY(-204%);background-color:#fff;border-radius:10px;padding:15px;border:2px solid rgba(0,123,255,.271);box-shadow:0 2px 5px #5da2ec28;z-index:999;min-height:220px;overflow-y:auto}.emoji-container span{cursor:pointer;font-size:20px}.emoji-container span:hover{opacity:.7}.row1{margin-top:15px}.row1,.row2,.row3,.row4,.row5{margin-bottom:15px}.close{font-size:25px;width:auto;position:absolute;right:2%;top:2%;cursor:pointer;color:#00bfff}@media screen and (min-width: 1451px){.emoji-container{position:absolute;transform:translateY(20%)}}@media screen and (max-width: 1450px){.ToDo{display:flex;flex-direction:column-reverse;margin:15px 5%}.ToDo-Container{width:700px;min-height:500px;margin-bottom:40px}.Schedule{width:700px}.emoji-container{position:absolute;left:20.5%;transform:translateY(-85%)}}@media screen and (max-width: 900px){.ToDo-Container{width:600px;min-height:500px;margin-bottom:40px}.Schedule{width:600px}.emoji-container{position:absolute;left:15%;transform:translateY(-85%)}}@media screen and (max-width: 700px){.ToDo-Container{width:350px;min-height:500px;margin-bottom:40px}.Schedule{width:350px}.inputlist,.setTime{font-size:10px;width:130px;height:30px}.btn{font-size:10px;width:70px;height:30px}.note{font-size:20px}ul li .Time,.delete{font-size:13px}.ToDo-Container h1{font-size:45px}.emoji-container{position:absolute;left:20%;transform:translateY(-115%);height:150px;width:250px}}@media screen and (max-width: 445px){.ToDo{padding-left:10%;padding-right:10%}.ToDo-Container{width:320px;min-height:500px;margin-bottom:40px}.Schedule{width:320px}.inputlist,.setTime{font-size:10px;width:110px;height:30px}.note{font-size:18px;margin-right:7px}.ToDo-Container h1{font-size:40px}.Schedule h1{font-size:30px}ul li .nameToDo{font-size:15px}.emoji-container{position:absolute;left:16%;transform:translateY(-115%)}}@media screen and (max-width: 400px){.emoji-container{position:absolute;left:14%}}@media screen and (max-width: 320px){.emoji-container{position:absolute;left:7%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{width:100%;height:100vh;background-color:#e3f8ff}ul li{list-style:none;width:auto;height:40px;margin-bottom:20px;border-radius:10px;display:flex;justify-content:space-around;align-items:center;cursor:pointer;font-weight:300;box-shadow:0 4px 5px #78b9da78;background-color:#d6f4fef7;border:1px solid rgb(110,180,250)}li:hover{background-color:#4590a97c;transition:.5s}ul li .nameToDo{width:40%;display:flex;justify-content:left;font-weight:600;font-size:20px}ul li .delete:hover{color:red;transition:.3s}input,button{margin-bottom:30px}input{width:300px;height:50px;border-radius:10px;text-align:center;font-size:22px;margin-right:10px;border:2px solid rgb(2,27,53);background:#fff}ul{height:auto}button{width:80px;height:40px;border-radius:10px;background:#185285;color:#fff;outline:0;border:0;cursor:pointer;font-weight:600;text-align:center}button:hover{background:#0c2d49;transition:.5s}.done{background:#20f320}@media screen and (max-width: 700px){ul li .nameToDo{font-size:15px}}