@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);*{margin:0;padding:0;box-sizing:border-box}.header{height:3.5rem;width:100%;box-shadow:5px 5px 15px -5px rgba(0,0,0,.3);background-color:#fc0}.header h1{padding:10px 0 0 10px;color:#fff;font-size:2rem}.footer,.header h1{font-family:"Lato",sans-serif}.footer{color:grey;text-align:center;position:static;margin-top:56vh}.main_note{margin-top:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.main_note input{height:2.5rem;width:20%;font-family:"Lato",sans-serif;font-weight:700;border:none;box-shadow:5px 10px 35px -5px rgba(0,0,0,.5);outline:none;text-transform:capitalize;text-indent:10px}.main_note input::-webkit-input-placeholder{font-weight:700;padding:0 5px;position:relative;left:-5px}.main_note input:-ms-input-placeholder{font-weight:700;padding:0 5px;position:relative;left:-5px}.main_note input::placeholder{font-weight:700;padding:0 5px;position:relative;left:-5px}.main_note textarea{height:5rem;width:20%;font-family:"Lato",sans-serif;border:none;box-shadow:5px 5px 15px -5px rgba(0,0,0,.5);outline:none;text-indent:.5px;text-transform:inherit;font-weight:300;padding:10px 10px 0}.main_note textarea::-webkit-input-placeholder{font-weight:550}.main_note textarea:-ms-input-placeholder{font-weight:550}.main_note textarea::placeholder{font-weight:550}.main_note .add_btn{width:2.5rem;height:2.5rem;background:transparent;background-color:#fff}.main_note .add_icon{color:orange}.button_area{position:relative;top:-1.5rem;left:8rem}@media (max-width:768px){.main_note{width:1000px;position:relative;right:20rem}.main_note .add_btn{position:absolute;right:1rem}}.note_div{display:inline-block;margin-left:10rem}.note{cursor:pointer;box-shadow:5px 5px 15px -5px rgba(0,0,0,.5);margin-top:20px;margin-left:2rem}.note,.note h1{height:auto;width:13rem}.note h1{font-size:1rem;border:none;box-shadow:5px 5px 15px -5px rgba(0,0,0,.1)}.note h1,.note p{font-family:"Lato",sans-serif;padding:10px}.note p{font-size:.8rem;font-weight:200}.note .fab_btn{width:20px;height:20px;border-radius:100px;background:transparent;margin-left:11rem;box-shadow:2px 2px 10px -2px rgba(0,0,0,.1);margin-bottom:.2rem;cursor:pointer}.fab_btn:hover{color:#f7ca18;transform:scale(1.3)}@media (max-width:768px){.note_div{display:flex;justify-content:center;align-items:center;margin-left:-2.5rem}.note{margin-top:2.5rem}.note h1{width:12.8rem;height:auto}.note p{width:12.7rem;height:auto}}.note:hover{transform:scale(1.1);box-shadow:5px 5px 15px -5px #f7ca18}
/*# sourceMappingURL=main.e4b92a34.chunk.css.map */