@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.navbar{background-color:#45496a;display:flex;justify-content:space-between;align-items:center;outline:none}.navbar-toggler{color:#fff;background-color:#fff;margin-right:2rem}.navbar .container-fluid .navbar-brand{font-size:40px;font-weight:700;margin-left:7rem;color:#fff}.navbar .collapse .navbar-nav{margin-right:7rem;gap:2rem;color:#fff}.navbar .collapse .navbar-nav .nav-item .nav-link{color:#fff;font-weight:600;white-space:nowrap}.header_app{background-color:#45496a;padding:70px 0 10px}.section_left{padding-right:95px;margin-bottom:80px}.greeting_appName{margin-top:40px;margin-bottom:-5px;color:#fff;font-size:64px;font-weight:700}.greeting_text{margin-top:18px;font-size:24px;color:#fff}.section_right{margin-top:50px}.section_form{margin-top:-5rem;background-color:#fff;border-radius:20px;padding:0 40px;margin-bottom:150px}.heading_title{padding-top:30px;text-align:center;color:#000;font-size:36px;font-weight:700;margin-bottom:24px}.remaining_character{text-align:right;color:#938585;font-family:Poppins;font-size:16px;font-weight:500;line-height:normal;margin-bottom:5px}.form_control_input_title{padding:9px 18px;border:.5px solid #d2abab;background:rgba(217,217,217,0);margin-bottom:10px}.form_control_input_body:focus,.form_control_input_title:focus{outline:2px solid #d2abab}.form_control_input_body{padding:9px 18px;width:100%;border:1px solid #d2abab;background:rgba(217,217,217,0)}input,textarea{text-align:center}.btn_add_note{margin-top:7px;margin-bottom:30px;border-radius:10px;color:#fff;padding:20px 60px;font-weight:600;font-size:24px}.section_wrapper{background-color:#738a7e;padding-bottom:40px}.section_search{width:70%;margin-top:-5rem;margin-bottom:5rem;background-color:#fff;padding:0 40px 40px;border-radius:10px}.heading_title_active_notes,.heading_title_archived_notes{padding:30px 0;text-align:center;color:#fff;font-size:50px;font-weight:700}.wrapper_note{margin-bottom:60px;padding-bottom:60px;border-radius:20px;background-color:#45496a}.note_container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.list-meta{list-style:none}.note{height:430px;padding:40px;margin:0 10px;border-radius:10px;background:#fff;width:calc(50% - 50px);border:3px solid transparent}.note_not_found{padding:40px;margin:0 10px;border-radius:10px;background:#fff;width:calc(50% - 50px);border:3px solid transparent}.note:hover{border-color:#198754}.text_date{color:#76a57e}.title_note{display:flex;align-items:center;height:20px;margin-top:10px;font-size:24px;font-weight:700}.body_note{height:120px}.button_archived{margin-top:7px;border-radius:5px;color:#fff;padding:20px 30px;font-weight:600;font-size:16px}.button_delete{border-radius:5px;color:#fff;padding:20px 30px;font-weight:600;font-size:16px}.note:nth-child(2n){margin-right:10px}.note:nth-child(n+3){margin-top:25px}.title_not_found{text-align:center;color:#000;font-size:20px;font-weight:500}.footer{padding-top:20px;background-color:#45496a}.copyright-text,.footer_brand{color:#fff;text-decoration:none}@media (min-width: 992px) and (max-width: 1199px){.navbar{padding-top:32px}.section_left{padding:0 50px 0 0}.note_container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.title_note{display:flex;align-items:center;height:60px}}@media (min-width: 768px) and (max-width: 991px){.navbar{padding-top:32px}.navbar .collapse .navbar-nav{margin:0;padding:0;color:#fff;align-items:center;gap:0}.navbar .container-fluid .navbar-brand{font-size:42px;margin-left:2rem}.section_left{padding:0}.greeting_section{text-align:left}.greeting_appName{padding-right:50px;font-size:50px;font-weight:700}.greeting_text{padding-right:10px;margin-top:18px;font-size:24px;color:#fff}.section_form{justify-content:center;width:110%;background-color:#fff}.section_search{width:100%}.note_container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.note{height:650px}.title_note{display:flex;align-items:center;height:60px}.body_note{height:270px}}@media (min-width: 576px) and (max-width: 767px){.navbar{padding-top:32px}.navbar .collapse .navbar-nav{margin:0;padding:0;color:#fff;align-items:center;gap:0}.navbar .container-fluid .navbar-brand{font-size:42px;margin-left:2rem}.section_left{padding:40px}.greeting_section{text-align:center}.greeting_appName{padding:0 50px;text-align:center;font-size:64px;font-weight:700}.greeting_text{padding:0 5px;margin-top:18px;font-size:30px;color:#fff}.section_form{justify-content:center;width:85%;background-color:#fff}.section_search{width:90%}.heading_title_active_notes,.heading_title_archived_notes{font-size:32px}.wrapper_note{border-radius:10px}.note,.note_not_found{padding:40px;margin:0 28px;border-radius:10px;background:#fff;width:80%;border:3px solid transparent}.note:hover{border-color:#725151}.text_date{color:#76a57e}.title_note{margin-top:10px;font-size:24px;font-weight:700}.button_action{align-items:start}.button_archived,.button_delete{margin-top:7px;border-radius:10px;color:#fff;padding:20px 30px;font-weight:600;font-size:16px}.note:nth-child(2n+2){margin:0}.note:nth-child(n+1){margin:10px}}@media (max-width: 575px){.navbar{padding-top:32px}.navbar .collapse .navbar-nav{margin:0;padding:0;color:#fff;align-items:center;gap:0}.navbar .container-fluid .navbar-brand{font-size:30px;margin-left:2rem}.section_left{padding:0}.greeting_section{text-align:center}.greeting_appName{padding:0 40px;text-align:center;font-size:48px}.greeting_text{padding:0 70px;font-size:18px}.section_right{margin-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.section_form{justify-content:center;width:85%}.heading_title{font-size:24px}.remaining_character{font-size:12px}.btn_add_note{margin-top:7px;margin-bottom:30px;color:#fff;padding:20px 60px;font-weight:600;font-size:16px}.section_search{width:80%}.heading_title_active_notes,.heading_title_archived_notes{font-size:32px}.wrapper_note{border-radius:0}.note_container{display:flex;justify-content:center;align-items:center}.note{padding:40px;margin:0 10px;border-radius:10px;background:#fff;width:80%;border:3px solid transparent}.note:hover{border-color:#725151}.text_date{margin-bottom:0;color:#76a57e}.title_note{display:flex;align-items:center;height:40px;margin-top:10px}.button_action{align-items:start}.button_archived,.button_delete{margin-top:7px;border-radius:10px;color:#fff;padding:20px 30px;font-weight:600;font-size:16px}.note:nth-child(2n+2){margin:0}.note:nth-child(n+1){margin:10px}.note_not_found{padding:40px;margin:0 28px;border-radius:10px;background:#fff;width:80%;border:3px solid transparent}.title_not_found{text-align:center;color:#000;font-size:20px;font-weight:500}}