@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Noto Sans,sans-serif}body{background-color:#bfbfbf;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.header{position:relative;width:100%;height:150px;background-color:#dad8d8;display:flex;align-items:center;justify-content:space-between}.header img{width:100px;height:100px;box-shadow:2px 2px #66666680;border-radius:50%}.header img,.header a{margin:0 30px}.header a{background-color:gray;color:#d9d9d9;text-decoration:none;padding:10px 15px;border:2px solid transparent;border-radius:10px;transition:.25s ease}.header a:hover{background-color:#dad8d8;border:2px solid black;color:#000}h1{position:absolute;left:50%;transform:translate(-50%)}.logoTitle{display:flex;align-items:center}.container{text-align:center;margin:50px auto;background-color:#f5f5f5;width:500px;height:600px;border-radius:15px;box-shadow:2px 2px 5px #0003;display:flex;flex-direction:column;padding:20px}.inputAndButton{display:flex;justify-content:center;align-items:center;gap:30px;margin:30px 0}.inputAndButton input{width:60%;padding:8px 10px;border-radius:5px;border:1px solid #ccc}.addBtn{background-color:#999;color:#fff;padding:8px 12px;margin-right:20px;font-size:20px;border:none;border-radius:5px;cursor:pointer}.scrollArea{flex:1;overflow-y:auto;padding:0 10px;list-style:none}.scrollArea li{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;background:#f5f5f5;padding:10px;border-radius:8px}.text{flex-grow:1;text-align:left}.btn-group{display:flex;gap:6px;margin-left:10px}.deleteBtn,.moveBtn{background-color:#eee;border:none;border-radius:5px;padding:6px;cursor:pointer}.scrollArea::-webkit-scrollbar{width:8px}.scrollArea::-webkit-scrollbar-track{background:transparent}.scrollArea::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:10px}.scrollArea::-webkit-scrollbar-thumb:hover{background-color:#999}.scrollArea{scrollbar-width:thin;scrollbar-color:#bbb transparent}input[type=text]{color:gray;text-align:center;font-size:1.5rem;padding:20px;border:none;border-radius:30px;margin-left:20px}ol{list-style:none}li{display:flex;font-size:1.5rem;font-weight:700;color:#333c;border:2px solid hsla(0,0%,80%);border-radius:10px;transition:.25s ease-in-out;margin:30px 25px;padding:15px;cursor:pointer}li:hover{border:2px solid hsla(0,0%,65%)}.text{display:flex;flex:1;margin-left:15px}.deleteBtn,.moveBtn{font-size:18px;margin:0 4px}