*{padding:0;margin:0}.container{display:flex;flex-wrap:Wrap;margin-top:60px;padding-bottom:30px}.btn,.btn:focus{box-shadow:none!important}.App{width:100%;max-width:600px;min-height:440px;border:2px solid grey;box-shadow:2px 3px 3px 0 #a9a9a9;margin-right:50px}.App>.first{padding:20px 0 20px 10px;display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #d3d3d3}.App>.second{height:306px;overflow:hidden}footer{display:flex;flex-wrap:wrap;padding:10px 40px;justify-content:space-between;border-top:3px solid grey}input{flex:0.7 1;display:inline-block!important}.first .btn{background-color:orange;flex:0.2 1}.first .btn,.noteBox{display:inline-block;color:#fff}.noteBox{height:40px;width:60%;margin:10px 20px 0;overflow:hidden;padding-top:6px;padding-left:5px;line-height:1.7;background-color:#03fc73;border-radius:10px;box-shadow:2px 3px 3px 0 #a9a9a9;font-family:Lucida Fax;cursor:pointer;flex:1 1;-webkit-user-select:none;-ms-user-select:none;user-select:none}.second .eachNote{animation:comeTome 1s ease-in-out;animation-fill-mode:forwards;opacity:0;display:flex;flex-wrap:wrap;padding:3px 0 15px 45px}.note-controller .btn{background-color:purple;color:#fff;margin-right:10px;margin-top:10px}footer button{color:#fff!important;background-color:#fc0380!important;padding:0 10px;border-radius:10px}.second .second{animation-delay:.2s}.second .third{animation-delay:.3s}.second .fourth{animation-delay:.4s}@keyframes comeTome{0%{transform:translateX(300px)}to{transform:translateX(0);opacity:1}}.edit{border:1px solid orange;height:40px;width:60%;display:inline-block;margin:10px 20px 0 10px}.status_selector{padding:4px;align-self:center;cursor:pointer}.open{width:210px!important;background-color:#fff;border:1px solid #d3d3d3;box-shadow:1px 1px 2px 1px #d3d3d3}.statushandler{position:absolute;width:55px;height:54px;left:-12px;top:9px;font-size:17px;padding:0 9px 8px 13px;border-radius:50px;overflow:hidden;transition:.4s ease-in-out;justify-content:space-evenly}.statushandler i:first-of-type{font-size:20px}.statushandler i{padding:6px;margin-bottom:10px}.statushandler .wrapper:not(:first-of-type){cursor:pointer;margin-left:13px}.wrapper{margin-top:8px;margin-left:7px;width:33px;height:35px;border-radius:50%;padding:2px;display:inline-block;margin-bottom:3px;background-color:#d442f5;color:#fff}.wrapper:first-of-type{margin-top:9px}.note_Desc_Hanger{box-shadow:0 0 10px 2px #d3d3d3;flex:1 1;margin-top:50px;max-width:600px;line-height:2;letter-spacing:1.5px}.note_Desc_Hanger h4{text-align:center;padding:20px 5px 5px 0;font-family:Papyrus;font-weight:bolder;letter-spacing:1px}.note_Desc_Hanger p{padding:10px;font-family:Lucida Bright}@media screen and (max-width:991px){.App{margin-right:0}}
/*# sourceMappingURL=main.45192bf8.chunk.css.map */