*{border:none;box-sizing:border-box;margin:0;outline:none;padding:0}html{scroll-behavior:smooth}body{background-color:#769391;background-color:var(--bgColor);font-family:sans-serif}:root{--bgColor:#769391;--bgdark:#050505;--color:#f5f5f5}nav{align-items:center;background-color:#050505;background-color:var(--bgdark);color:#f5f5f5;color:var(--color);display:flex;padding:.2rem clamp(2rem,2vw,3rem)}nav .bar{cursor:pointer;display:flex;flex-direction:column;gap:.2rem}nav .bar span{background-color:#f5f5f5;background-color:var(--color);display:block;height:1.2px;width:10px}nav .bar span:last-child{width:6px}nav .logo{font-size:clamp(1rem,2vw,2.4rem);margin-left:1rem}.notes-ui{padding:1rem clamp(2rem,2vw,4rem);position:relative}.notes-ui .input-field{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.notes-ui .input-field .input-area{border:none;border-radius:1rem;max-width:500px;outline:none;padding:1rem;width:100%}.form{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.4);border:3px solid #f5f5f5;border-radius:1rem;max-width:600px;padding:1rem;position:absolute;text-align:center;top:20px;width:90%;z-index:2}.notes-ui .form .input-field{gap:1rem}.btn,.notes-ui .form .input-area{max-width:300px}.btn{background-color:#f5f5f5;background-color:var(--color);border-radius:.5rem;cursor:pointer;display:block;font-size:clamp(1rem,1.2vw,2rem);padding:.4rem 3rem;width:100%}.notes-tab{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-top:1rem;width:100%}.notes-tab .note-box{background-color:#f5f5f5;background-color:var(--color);border-radius:.3rem;box-shadow:2px 2px 10px rgba(0,0,0,.4);max-width:200px;min-height:100px;padding:1rem 1rem 2rem;width:100%}.notes-tab .note-box h3{color:#222;font-size:clamp(1.1rem,1.1vw,1.4rem);margin-bottom:.3rem}.notes-tab .note-box p{color:#444;font-size:clamp(1rem,1vw,1.2rem);position:relative;width:100%}.time{color:#555;display:block;font-size:.7em;margin-top:.4rem}.delete{bottom:-1rem;cursor:pointer;position:absolute;right:0}
/*# sourceMappingURL=main.41be5d28.css.map*/