*{box-sizing:border-box;margin:0;padding:0}.header{background-color:#ff0;color:#000;font-family:sans-serif;font-size:25px;font-weight:600;letter-spacing:.1cm;text-transform:uppercase}.header,footer{align-items:center;display:flex;height:12vh;justify-content:center}footer{background-color:#f7f7f7}.notes_div{height:100vh}.main_note{border-radius:8px;box-shadow:0 0 5px 0 hsla(0,0%,43%,.75);height:25vh;margin:0 auto;width:25vw}.main_note form{display:flex;flex-direction:column;height:100%;padding:5px 10px}form input[type=text]{height:40px;line-height:40px}form input[type=text],form textarea{border:none;border-bottom:1px solid #d3d3d3;outline:none;padding:5px 10px}form textarea{height:100%;overflow-y:scroll}.plus_sign{align-items:center;background:#ff0;border:none;border-radius:50%;bottom:-16px;color:#000;cursor:pointer;display:flex;font-size:18px;justify-content:center;outline:none;padding:6px 13px;position:relative;right:-94%;transition:all .3s ease;width:-webkit-max-content;width:max-content}.plus_sign:hover{background-color:#fffc53}.notes{display:flex;flex-direction:row;flex-wrap:wrap;margin:20px 10px}.notes .note{border-radius:5px;box-shadow:0 0 5px 0 hsla(0,0%,43%,.75);cursor:pointer;height:25vh;margin:20px 5px;padding:5px 10px;position:relative;transition:all .5s ease;width:23%}.notes .note:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.notes .note h1{font-size:17px;font-weight:600;height:7vh;line-height:7vh;padding-bottom:5px}.notes .note h1,.notes .note p{border-bottom:1px solid #d3d3d3;margin-bottom:5px}.notes .note p{font-size:15px;height:14vh;overflow-y:scroll;padding:10px 0}.notes .delete_icon{align-items:center;background-color:hsla(0,7%,83%,.349);border-radius:50%;bottom:4px;box-shadow:0 0 5px 0 hsla(0,0%,43%,.75);color:red;cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;position:absolute;right:4px;transition:all .3s ease;width:30px}.notes .delete_icon:hover{background-color:red;color:#fff}.note p::-webkit-scrollbar,textarea::-webkit-scrollbar{width:2px}.note p::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{box-shadow:inset 0 0 6px hsla(0,0%,100%,.3)}.note p::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background-color:#fff;outline:1px solid #fff}@media screen and (max-width:850px){.main_note{width:50vw}.notes{justify-content:center}.notes .note{width:40%}}
/*# sourceMappingURL=main.4f01d5de.css.map*/