*{box-sizing:border-box;margin:0;padding:0}html{font-family:Montserrat,sans-serif}body,html{min-height:100vh}body{background:#eee;background-image:linear-gradient(to right top,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1);padding:0 16px}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f5ba13;background:#ffffff1a;box-shadow:0 0 10px 0 #0000004d;margin:auto -16px;padding:16px 32px}header h1{color:#fff;font-family:McLaren,cursive;font-size:2.5rem;font-weight:200;text-shadow:2px 2px 4px #0003}footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;bottom:0;height:2.5rem;left:0;padding:10px;position:fixed;text-align:center;width:100%}footer p{color:#fff;font-size:.9rem}.note{background:#ffffffe6;border-radius:15px;box-shadow:0 4px 15px #0000001a;float:left;margin:16px;max-width:240px;padding:15px;transition:all .3s ease;width:100%}.note:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.note h1{color:#2d3436;font-size:1.2em}.note h1,.note p{margin-bottom:10px}.note p{word-wrap:break-word;color:#636e72;font-size:1.1em;white-space:pre-wrap}.note button{background:none;border:none;color:#f5ba13;cursor:pointer;float:right;height:36px;margin-right:10px;outline:none;position:relative;transition:transform .2s ease;width:36px}.note button:hover{transform:scale(1.2)}.create-note-container{margin:40px auto;max-width:680px;padding:10px;position:relative}.create-note-container form{background:#fff;border:none;border-radius:18px;box-shadow:0 8px 25px #00000040;overflow:hidden;padding:10px;position:relative;transition:all .3s}.create-note-container input,.create-note-container textarea{background:#fff;border:none;font-family:inherit;font-size:1.2rem;outline:none;padding:20px 25px;resize:none;width:100%}.create-note-container button{align-items:center;background-color:#f5ba13;border:none;border-radius:50%;bottom:10px;box-shadow:0 4px 15px #0006;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;outline:none;position:absolute;right:20px;transition:all .3s;width:56px;z-index:10}.create-note-container button .material-icons{display:block;font-size:36px;font-weight:700;line-height:1;margin:0;padding:0;position:static;text-shadow:0 1px 2px #0003;transform:none}.create-note-container form.expanded{box-shadow:0 12px 35px #0000004d;margin-bottom:15px}.create-note-container input::placeholder,.create-note-container textarea::placeholder{color:#b2bec3}.create-note-container *{backdrop-filter:none;-webkit-backdrop-filter:none}@media (max-width:768px){.create-note-container{margin:20px 15px}}.notes-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px;padding:20px}.create-note-container button:hover{background-color:#f39c12;box-shadow:0 6px 18px #00000080;transform:scale(1.15)}
/*# sourceMappingURL=main.1da55fdf.css.map*/