@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);.App{background:linear-gradient(to bottom right,#bae3ff,#ffe4b8);box-sizing:border-box;min-height:100vh;padding:5vh 5vw}*,.App{margin:0}*{padding:0}body,html{height:100%;width:100%}@media (max-width:768px){.app{padding:5vh 5vw}}.Login{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.1);flex:none;margin:0 auto;max-width:410px;padding:30px 60px}.Login h1{font-size:1.7em;margin-bottom:20px;text-align:center}.LoginForm{display:flex;flex-direction:column;width:400px}.login-FormInput{border:1px solid #ccc;border-radius:4px;height:100%;margin-bottom:10px;padding:18px 0 18px 17px;width:95%}.login-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:15px;margin-top:20px;padding:18px;width:100%}.login-btn,p span{font-size:1.2em}@media (max-width:768px){.login-FormInput{border:1px solid #ccc;border-radius:4px;height:100%;margin-bottom:10px;padding:18px 0 18px 17px;width:95%}.login-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2em;margin-bottom:15px;margin-top:20px;padding:13px;width:100%}p span{color:#007bff;cursor:pointer;font-size:1em;padding-right:10px}}@media (max-width:550px){.login-FormInput{border:1px solid #ccc;border-radius:4px;height:100%;margin-bottom:10px;padding:18px 0 18px 17px;width:55%}.login-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2em;margin-bottom:15px;margin-top:20px;padding:13px;width:60%}p span{color:#007bff;cursor:pointer;font-size:1em;padding-right:10px}}@media (max-width:380px){.login-FormInput{border:1px solid #ccc;border-radius:4px;height:100%;margin-bottom:10px;padding:18px 0 18px 17px;width:45%}.login-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2em;margin-bottom:15px;margin-top:20px;padding:13px;width:50%}p span{color:#007bff;cursor:pointer;font-size:1em;padding-right:10px}}.Signup{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:0 auto;max-width:410px;padding:30px 60px}.Signup h1{font-size:1.7em;margin-bottom:20px;text-align:center}SignupForm{display:flex;flex-direction:column;margin-left:100px;width:400px}.Signup-FormInput{border:1px solid #ccc;border-radius:4px;height:100%;margin-bottom:10px;padding:15px 2px 15px 15px;width:95%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;font-size:1em;margin-bottom:15px;margin-top:15px;padding:15px;width:100%}button,p span{cursor:pointer}p span{color:#007bff}@media (max-width:768px){.Signup-FormInput{border:1px solid #ccc;border-radius:4px;height:100%;margin-bottom:10px;padding:15px 2px 15px 15px;width:90%}}body{font-family:Inter,sans-serif}.container{justify-content:center}.container,.container .make-note{align-items:center;display:flex;flex-direction:column}.container .make-note{flex-wrap:wrap;gap:2rem;width:50%}.container .make-note .top-title{align-items:center;display:flex;justify-content:space-between;width:100%}.container .make-note .top-title button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;height:50%;padding:8px 16px;transition:background-color .3s ease}.container .make-note .top-title button:hover{background-color:rgba(52,152,219,.9)}.container .make-note input,.container .make-note textarea{border:1px solid #d3d3d3;border-radius:5px;box-sizing:border-box;font-size:large;padding:1rem;transition:border-color .3s ease;width:100%}.container .make-note input:focus,.container .make-note textarea:focus{border-color:#3498db;outline:none}.container .make-note button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 50px;transition:background-color .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container .make-note button:hover{background-color:rgba(52,152,219,.9)}.container .display-notes{width:100%}.container .display-notes .note{background-color:#fff;border:1px solid #000;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:3rem;padding:1rem;transition:box-shadow .3s ease}.container .display-notes .note:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}.container .display-notes .note .note-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.container .display-notes .note .note-head .note-title{font-size:medium;padding-bottom:5px;padding-top:5px}.container .display-notes .note .note-head .note-icons i{color:#3498db;cursor:pointer;font-size:1.5rem;margin:0 10px;transition:color .3s ease}.container .display-notes .note .note-head .note-icons i:hover{color:rgba(52,152,219,.9)}.btn-add{background-color:rgba(52,152,219,.9);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 50px;transition:background-color .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}svg.icon{color:rgba(52,152,219,.9);font-size:1.7rem;margin:4px}.note-body{padding-bottom:15px;padding-top:15px}@media (max-width:768px){.container .make-note{width:100%}.container .display-notes .note{margin:1rem 0}.log-in input,.sign-up input{width:80%}}
/*# sourceMappingURL=main.b46ef357.css.map*/