*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}body,html{width:100%;height:100%;background-color:#f8f8f8}.list-container{width:100%;height:auto;background-color:red;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);margin-top:10px}.list-item{width:100%;height:50px;background-color:#fff;list-style-type:none;margin-top:0;color:#000;line-height:50px;padding-left:40px;position:relative;font-size:18px;border-bottom:1px solid #d3d3d3}.list-item:last-child{border-bottom:0}.list-container .check-mark{position:absolute;left:10px;top:16px;height:18px;width:18px;border-radius:50%;cursor:pointer}.list-container .active,.list-container .check-mark:hover{background-color:red}.list-container .inactive{background-color:transparent;border:2px solid red}.line-through{text-decoration:line-through;color:red}.delete-btn{position:absolute;right:10px;top:0}.default-bg{width:100%;height:450px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:2px;display:flex;justify-content:center;align-items:center}.main-body{width:60%;margin:0 auto}.add-note{width:100%;height:60px;outline:none;font-size:16px;border-radius:2px;border:1px solid #d3d3d3;padding-left:15px}.add-note:focus{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.search-bar{height:70px;margin-bottom:50px;background-color:#fff}.nav-bar,.search-bar:focus{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.nav-bar{width:100%;height:60px;background-color:#fff;margin-bottom:20px}.nav-bar .container{width:50%;margin:0 auto;line-height:60px}.nav-bar .container .left{float:left;width:20%;height:50px}.nav-bar .container .right{float:right;width:80%;height:50px;padding-left:30px}.nav-bar .right li{list-style-type:none;float:left;padding-left:20px;padding-right:20px;margin-right:20px;cursor:pointer;height:60px}.nav-bar .right .active,.nav-bar .right li:hover{border-bottom:3px solid red;color:red}
/*# sourceMappingURL=main.a3179e58.chunk.css.map */