*{font-family:"Handlee",cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#deb887}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--main-color:#4682b4;--sub-color:#87ceeb;--paper-color:beige}.tilt-in-fwd-br{animation:tilt-in-fwd-br .6s cubic-bezier(.25,.46,.45,.94) both}h2{position:-webkit-sticky;position:sticky;bottom:8vh;z-index:9;padding:1vh}.App{background-image:url(https://cdn.pixabay.com/photo/2012/12/24/08/39/backdrop-72250__480.jpg);text-align:center;height:100vh;max-width:1024px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;margin:0 auto;box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)}.App-h1{height:10vh;margin:0;font-size:calc(10px + 4vmin)}.App-link{color:#61dafb}.App-header{position:-webkit-sticky;position:sticky;top:-10vh;z-index:10;background-image:url(https://cdn.pixabay.com/photo/2014/05/03/00/35/wood-336589__480.jpg);min-height:20vh;padding:1vh 0;align-items:center;font-size:calc(10px + 2vmin);color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)}.App-header,.note-form{display:flex;flex-direction:column;justify-content:center}.note-form{width:80vw;min-width:280px;max-width:1000px}::-webkit-input-placeholder{color:#87ceeb;color:var(--sub-color)}:-ms-input-placeholder{color:#87ceeb;color:var(--sub-color)}::placeholder{color:#87ceeb;color:var(--sub-color)}.note-form__item{border:0;margin:0;font-size:calc(10px + 1vmin)}.note-form__item--title{border-radius:5px 5px 0 0;background-color:#4682b4;background-color:var(--main-color);color:#fff;font-weight:700}.note-form__item--text{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:0 0 5px 5px;background-color:beige;background-color:var(--paper-color)}.note-form__item--reminder{padding:0;margin:0}.input-reminder::-webkit-calendar-picker-indicator{color:transparent;background:none;z-index:1}.input-reminder:before{position:absolute;color:transparent;background:none;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0f3";top:1px;left:15px;color:#4682b4;color:var(--main-color);animation:shake-top 3s cubic-bezier(.455,.03,.515,.955) infinite both}.input-reminder,.input-text,.input-title{border:0;background-color:transparent;width:98%;line-height:30px;white-space:pre-wrap;overflow-x:hidden;resize:none;font-size:calc(10px + 1vmin)}.input-title{color:#fff;font-weight:700}.input-text{padding-top:8px;background-color:beige;background-color:var(--paper-color);background-image:linear-gradient(#87ceeb 1px,transparent 0);background-image:linear-gradient(var(--sub-color) 1px,transparent 0);background-size:100% 30px;background-repeat:repeat-y;background-attachment:local;font-size:calc(12px + 1vmin)}.input-reminder{position:absolute;font-size:calc(6px + 1vmin);color:#4682b4;color:var(--main-color);bottom:-5px;left:-5px}input,textarea{outline-width:0;padding:0 0 0 1%}fieldset{position:relative;padding:0;width:80vw;min-width:280px;max-width:1000px}.label-reminder{top:-15px;left:25px;font-size:calc(2px + 1vmin)}.label-reminder,legend{position:absolute;font-weight:700;color:#87ceeb;color:var(--sub-color)}legend{top:6px;right:6px;font-size:calc(5px + 1vmin);display:none}.note-form__item--submit{padding:1vh;margin:10px;border-radius:5px;color:#fff;background-color:#87ceeb;background-color:var(--sub-color);font-weight:700;font-size:calc(15px + 1vmin);box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19);cursor:pointer}.note-form__item--submit:hover{background-color:#00008b}.note-form__item--submit:active{background-color:#4682b4;background-color:var(--main-color)}.App-main{position:relative;background-image:url(https://cdn.pixabay.com/photo/2012/12/24/08/39/backdrop-72250__480.jpg);padding:4.8vh 0}.notes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.text-bg{background-color:beige;background-color:var(--paper-color)}.ReactModal__Overlay{justify-content:center;z-index:100}.note,.ReactModal__Content,.ReactModal__Overlay{display:flex;flex-direction:column;align-items:center}.note,.ReactModal__Content{position:relative;justify-content:flex-start;margin:1vh 2vh;height:250px;width:190px}.ReactModal__Content{width:80vw;min-width:280px;max-width:1000px;height:200px;display:unset}.note__item{width:100%;padding:0 5px;margin:0;border:0;font-size:calc(10px + 1vmin)}.modal__item--close,.note__item--close,.note__item--reminder{position:absolute;padding:0;top:2px;right:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:right;cursor:pointer;color:#87ceeb;color:var(--sub-color);z-index:1}.note__item--close{color:#f08080}.note__item--reminder{top:unset;right:unset;bottom:2px;left:4px;color:#4682b4;color:var(--main-color);z-index:1;cursor:unset}.note__item--top{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#4682b4;background-color:var(--main-color);border-radius:5px 5px 0 0}.note__item--archived{background-color:grey;color:#90ee90}.note__item--title{padding:0 10px 5px 0;color:#fff;font-weight:700}.note__item--date{padding-bottom:5px;font-size:calc(5px + 1vmin);color:#d3d3d3}.note__item--text{padding-top:8px;border-radius:0 0 5px 5px;background-color:beige;background-color:var(--paper-color);background-image:linear-gradient(#87ceeb 1px,transparent 0);background-image:linear-gradient(var(--sub-color) 1px,transparent 0);background-size:100% 30px;background-repeat:repeat-y;background-attachment:local;font-size:calc(12px + 1vmin);height:100%;overflow-x:hidden;line-height:30px;white-space:pre-wrap}.note:after,.note:before{content:"";position:absolute;bottom:10px;width:40%;height:10px;box-shadow:0 5px 14px rgba(0,0,0,.9);z-index:-1;transition:all .3s ease-in-out}.note:before{left:15px;transform:skew(-5deg) rotate(-5deg)}.note:after{right:15px;transform:skew(5deg) rotate(5deg)}.note:hover:after,.note:hover:before{box-shadow:0 2px 14px rgba(0,0,0,.7)}.note:hover:before{left:5px}.note:hover:after{right:5px}.App-footer{position:fixed;background-color:#fff;width:100%;height:8vh;bottom:0;left:0;font-size:calc(10px + 1vmin);z-index:20}@keyframes tilt-in-fwd-br{0%{transform:rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg);opacity:0}to{transform:rotateY(0) rotateX(0deg) translate(0) skew(0deg,0deg);opacity:1}}@keyframes shake-top{0%,to{transform:rotate(0deg);transform-origin:50% 0}40%{transform:rotate(2deg)}45%,55%,65%{transform:rotate(-4deg)}50%,60%,70%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}
/*# sourceMappingURL=main.5b8c09bc.chunk.css.map */