@import url(https://fonts.googleapis.com/css2?family=Fjalla+One&family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap);#app{height:100vh}body{background-color:#304030}.left{width:80px}.time{width:451px;height:252px;font:normal normal normal 200px/252px Fjalla One}.text,.time{text-align:left;letter-spacing:0;color:#e8e8e8;opacity:1}.text{width:272px;height:47px;font-family:Noto Sans TC,sans-serif;font:normal normal medium 32px/47px Noto Sans TC;line-height:center}.tomato{width:1200px}.play{top:372px;left:394px;width:64px;height:64px;background:#e8e8e8 0 0 no-repeat padding-box;opacity:1}.bell{border:2px solid #e8e8e8;background:transparent}.bell,.bell2{top:380px;left:474px;width:48px;height:48px}.bell2{border:2px solid grey;background:grey}.heihgt{height:100vh}.add{transform:rotate(45deg)}.add-btn{position:absolute;top:10%;left:90%;width:48px;height:40px;background:#f08448 0 0 no-repeat padding-box;border-radius:71px;opacity:1;border:none}.addinput{width:100%;height:56px;background:#fff 0 0 no-repeat padding-box;border:1px solid #fff;border-radius:183px;opacity:1}.search,.title{width:95%}.search{position:relative}.list{width:95%;height:75vh}.list::-webkit-scrollbar{width:7px}.list::-webkit-scrollbar-button{background:transparent;border-radius:4px}.list::-webkit-scrollbar-track-piece{background:transparent}.list::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(40,83,66,.829);border:1px solid #708090}.list::-webkit-scrollbar-track{box-shadow:transparent}.half{bottom:0;right:0;-o-object-position:right bottom;object-position:right bottom;width:35%;overflow:hidden}#hr,.half{position:absolute}#hr{color:#000;border-top:1px solid rgba(0,0,0,.1);box-shadow:inset 0 10px 10px -10px;width:100vh;height:2px;border:0;padding-top:10px;left:20%;top:47.5%}#hr,.hr{-webkit-transform:rotate(270deg)}.hr{background:#fff;height:1px;width:100%}.img{width:1440px}#completed:checked+#abc{display:block}.h1text{top:80px;left:120px;width:160px;text-align:left;color:#e8e8e8;opacity:1}.h1text,.h1text1{height:59px;font:normal normal medium 40px/59px Noto Sans TC;letter-spacing:0}.h1text1{color:#6c9460}.h1text2{height:59px;font:normal normal medium 40px/59px Noto Sans TC;letter-spacing:0;color:#f08448}.box-text{font:normal normal medium Noto Sans TC;font-size:12px}.box-text,.list-item{letter-spacing:0;color:#e8e8e8}.list-item{top:98px;left:544px;width:48px;height:24px;text-align:left;font:normal normal normal 16px/24px Noto Sans TC Regular;opacity:1}.undonecheck{width:24px;height:24px;cursor:pointer}.undonetext{width:198px;height:24px;font:normal normal normal 16px/24px Noto Sans TC Regular}.edit{background:transparent;border:none}.input-text{width:48px;height:24px;text-align:left;font:normal normal normal 16px/24px Noto Sans TC Regular;letter-spacing:0;color:#e8e8e8}