@import url(https://fonts.googleapis.com/css2?family=McLaren&family=Montserrat&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#23303f;background-image:url(https://www.transparenttextures.com/patterns/maze-white.png);font-family:Montserrat,sans-serif;font-size:15px;height:100%;width:100%}.notes{grid-gap:1em;align-items:start;display:grid;gap:1em;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:15px}.notes>div{background-color:#fff;border-radius:7px;box-shadow:0 1px 3px rgba(0,0,0,.3);position:relative}.note,.notes>div{height:100%;overflow:hidden}.note{display:flex;flex-direction:column;padding:15px 20px;width:100%}.note h1{font-weight:700;margin-bottom:6px}.note h1,.note p{word-wrap:break-word;font-size:1.1em}.note p{margin-bottom:20px;white-space:pre-wrap}.notes button{border:none;bottom:0;color:#974063;cursor:pointer;height:34px;margin:auto 10px 0 auto;outline:none;position:absolute;right:5px;width:34px}.notes button:active,.notes button:hover{background-color:hsla(14,99%,73%,.546);color:#fff}form.create-note{background:#ffffff5f;border-radius:7px;box-shadow:0 1px 5px #727171;margin:30px 15px;padding:15px;position:relative}form.create-note textarea{background-color:initial;box-sizing:initial;color:#fff;font-family:inherit;font-size:1.2em;height:auto;overflow:hidden;padding:4px;width:100%}textarea{border:none;outline:none;resize:none}::-webkit-input-placeholder{color:hsla(0,0%,100%,.761);opacity:1}::placeholder{color:hsla(0,0%,100%,.761);opacity:1}form.create-note button{background:#974063;border:none;border-radius:50%;bottom:-18px;box-shadow:0 1px 3px rgba(0,0,0,.3);color:#fff;cursor:pointer;height:36px;outline:none;position:absolute;right:18px;width:36px}.animation-container .close:hover,.btn-container button:hover,form.create-note button:hover{background-color:#fe9576;color:#fff}.overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#1b191953;height:100%;position:fixed;top:0;width:100vw;z-index:1}.animation-container{border-radius:7px;display:flex;flex-direction:column;height:85%;left:50%;margin:0 auto;padding:20px 30px;top:50%;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:90%}.animation-container,.animation-container .close{box-shadow:0 1px 3px rgba(0,0,0,.3);position:absolute}.animation-container .close{background-color:#fff;border:none;border-radius:50%;color:#974063;cursor:pointer;font-weight:600;height:36px;outline:none;right:18px;top:-18px;width:40px}.animation-container h1{font-size:1.4em;font-weight:700}.animation-container textarea{background-color:inherit;box-sizing:initial;font-size:20px;height:100%;overflow-y:scroll;padding-top:10px;width:100%}.btn-container{display:flex;justify-content:flex-end;margin-top:15px}.btn-container button{background-color:#974063;border:none;border-radius:5px;color:#fff;font-weight:600;height:2.5em;margin:0 5px;width:4.5em}@media screen and (min-width:768px){form.create-note{margin:30px auto;width:480px}.notes{padding:15px 32px}.animation-container{height:70%!important;padding:20px 40px;width:50%!important}.animation-container h1{font-size:2em}.animation-container textarea{padding-left:10px;padding-right:15px}}
/*# sourceMappingURL=main.619d96bd.css.map*/