*{margin:0;padding:0}body{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem}.main-heading{align-items:center;display:flex;font-size:200%;height:10vh;justify-content:center}.main{display:flex}.modal-container{align-items:center;display:flex;height:200px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.hide{display:none}.modal{align-items:center;-webkit-animation:popup .15s linear forwards;animation:popup .15s linear forwards;background:orange;border-radius:20px;display:flex;flex-direction:column;height:200px;justify-content:space-around;opacity:0;position:absolute;scale:0;transition:.35s;width:400px}@-webkit-keyframes popup{to{opacity:1;scale:1}}@keyframes popup{to{opacity:1;scale:1}}.close{cursor:pointer;position:absolute;right:20px;scale:2;top:10px}.modal label input{border:none;font-size:100%;height:30px;outline:none;text-indent:10px;width:200px}.modal button{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:100%;padding:10px 25px}.write{align-items:center;background:blue;display:flex;flex-basis:40%}.text-area{border:10px solid #000;box-sizing:border-box;height:100%;margin:0;padding:10px;width:100%}.note-menu{flex-basis:20%}.note-btn{align-items:center;background:#000;color:#fff;display:flex;height:50px;justify-content:space-around}.add-note-btn{background:rgba(0,138,138,0);border:none;color:#fff;display:grid;font-size:200%;padding:0 10px;place-items:center;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:.35s}.add-note-btn:hover{border-radius:50px;cursor:pointer;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.note{align-items:center;display:flex;margin-top:10px;padding:10px}.note:hover{cursor:pointer}.note p{align-items:center;background:linear-gradient(180deg,#3cd1d6,crimson);border-radius:25px;display:flex;font-size:120%;height:20px;justify-content:center;margin-left:auto;padding:10px;width:150px}.note p:active{box-shadow:inset 1px 1px 5px #000,inset -1px -1px 5px #000;-webkit-transform:scale(.98);transform:scale(.98)}.note div{background:rgba(107,0,0,0);border-radius:10px;box-sizing:border-box;color:red;font-size:200%;margin-left:auto;opacity:0;padding:0 10px;transition:.5s}.note p:hover+div,.note:hover div{opacity:1}.preview{align-items:center;background:#000;border:10px solid #000;box-sizing:border-box;color:#fff;display:flex;flex-basis:40%;height:90vh;justify-content:center;overflow:scroll;padding:25px}.react-markdown{height:90%;width:90%}
/*# sourceMappingURL=main.f0b21f28.css.map*/