@font-face{font-family:"WandohopeB";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/WandohopeB.woff) format("woff");font-weight:400;font-style:normal}body{margin:0;padding:0;width:100%;height:100vh;font-family:"WandohopeB","Courier New",Courier,monospace}.wrapper,.wrapper *{box-sizing:border-box}.wrapper{position:relative;outline:1px solid #00b0ff;width:50vh;margin:0 auto}.wrapper *{padding:10px}.hidden{visibility:hidden;height:0;width:0}.modal button:hover,header{background-color:#0081cb;color:rgba(255,255,255,.9)}header{height:10vh;font-size:1.5em;font-weight:900;justify-content:space-between}header .clear-btn{background-color:rgba(255,255,255,.8);color:#0081cb;border:0;width:12vh;height:6vh;border-radius:3vh;font-weight:900;cursor:pointer;transition:.3s}header .clear-btn:hover{color:#e6ffff}main{height:65vh;background-color:#fff;overflow-y:overlay}header,main .list{width:100%;display:flex}main .list{flex-direction:column}main .list li{display:-ms-grid;display:grid;-ms-grid-columns:1fr 4fr 1fr;grid-template-columns:1fr 4fr 1fr;align-items:baseline;border-bottom:2px dotted rgba(50,50,50,.7)}main .list li .delete{border:0;border-radius:15px;background-color:#e6ffff;cursor:pointer}.modal button,footer{background-color:#69e2ff}footer,main{width:100%;color:rgba(0,0,0,.9);font-size:1em}footer{height:25vh}footer .plus-btn{background-color:#0081cb;width:50px;height:50px;border-radius:25px;text-align:center;color:#fff;font-size:x-large;margin-top:-30px;z-index:30;margin-left:45%;transition:.3;cursor:pointer}footer .plus-btn:hover,header .clear-btn:hover{background-color:#82b3c9}.greyout,.modal{position:absolute}.greyout{top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);z-index:50}.modal{display:flex;flex-direction:column;justify-content:space-around;align-items:stretch;left:10%;right:10%;top:40%;bottom:40%;background-color:#fff;border-radius:10px;z-index:100}.modal *{margin-top:3px}.modal button{border:0;border-radius:10px;font-family:"WandohopeB","Courier New",Courier,monospace;cursor:pointer}.modal button:hover{font-weight:600}.checked{background-color:gray;-webkit-text-decoration:double;text-decoration:double}