.error404{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;height:100vh;font-size:30px}.box_404{background:rgba(0,0,0,.3);padding:50px 80px;border-radius:30px;text-align:center}.error404 h1{margin:0}.error404 p{color:#b479e9}@media screen and (max-width: 900px){.error404{font-size:18px}.box_404{padding:20px 50px}}.login_screen{margin-top:50px}.logo{text-align:center;margin-bottom:40px}h2{color:#dcb5ff;text-shadow:0 0 5px #000}.logo_ism{max-width:160px;height:auto;filter:drop-shadow(5px 5px 60px #fff)}.box_general{display:flex;justify-content:center}.box_info{background:rgba(0,0,0,.5);padding:20px;width:245px;border-radius:10px;margin-right:20px}.box_info p{margin:10px 0}.color_p{color:#00df00;font-weight:500}.box_login{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#a065d4 10%,#4719a4 100%);padding:20px;border-radius:10px}.title{text-align:center;margin-top:5px;margin-bottom:20px;text-shadow:0 0 5px #000}input{width:225px;background:#000;border:none;border-radius:10px;padding:10px;margin:5px 0}::placeholder{color:#fff}.box_login a{text-decoration:none;font-size:14px;margin-top:3px}.box_login a:hover{color:#ddd}button{background:#eee;color:#000;margin-top:20px;margin-bottom:5px;padding:10px;border:none;border-radius:10px;font-weight:600;width:150px;font-size:14px}button:hover{box-shadow:0 0 5px #fff;background:#fff;transition:.5s;cursor:pointer}.box_error{background:rgba(0,0,0,.5);color:#ff4646;padding:10px;border-radius:10px;text-align:center;width:570px;margin:20px auto 0}footer{position:absolute;display:flex;justify-content:center;align-items:center;height:30px;bottom:0;width:100%;background-color:#1a1a1a;padding:20px 0;border-top:1px solid #785d90}@media screen and (max-width: 900px){.login_screen{margin-top:25px}.logo{margin-bottom:20px}h2{margin:5px 0 0;font-size:18px}.box_general{flex-direction:column;align-items:center}.box_info{margin-right:0;margin-bottom:15px;padding:5px 20px;font-size:14px}.box_info p{margin:6px 0}.box_login{padding:10px 20px}.title{margin:10px 10px 15px;font-size:18px}button{margin-top:10px;width:120px}.box_error{width:auto;margin:15px 20px 30px;font-size:14px}footer{font-size:12px;height:10px}}.home_screen{display:flex;margin-left:250px;background:linear-gradient(45deg,#7e7e7e,#2e2e2e);height:100vh;overflow:auto}.menu_desplegable,.menu_box p{display:none}.box_notes{display:flex;flex-wrap:wrap;align-content:flex-start;margin:10px 10px 95px;height:fit-content;padding-bottom:350px}.note{position:relative;width:250px;height:max-content;color:#333;margin:10px;border-radius:5px;padding:11px 23px;transition:.3s}.note:hover{cursor:pointer;box-shadow:0 0 12px #000;transform:scale(1.05);transition:.3s;z-index:1}.title_note{width:215px;font-size:17px;font-weight:600;overflow-wrap:break-word;text-overflow:ellipsis}.delete_note{position:absolute;top:0;right:0;padding:14px 22px}.delete_note svg{width:15px}.delete_note:hover{fill:#eb0000;transition:.3s}.note p{margin:0}.edit_note{position:absolute;display:flex;flex-direction:column;align-items:center;width:296px;height:357px;top:0;right:0;background:inherit;border-radius:5px;z-index:1}.input_label{margin-top:0!important}.edit_note:hover{box-shadow:0 0 12px #000;top:-8px;transition:.3s}.edit_note input{background:none;border:1px solid #aaa;color:#333;font-size:16px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;padding:7px 15px 10px;width:218px;margin-top:20px;margin-bottom:0}.buttons_editNote{display:flex}.buttons_editNote button{background:#fff;width:95px;margin:0 5px;border:1px solid #ddd}.buttons_editNote button:hover,label:hover{cursor:pointer;box-shadow:0 0 3px #aaa;transition:0s}.main_text{padding:20px 0;overflow-wrap:break-word;text-overflow:ellipsis;min-height:24px}.note textarea{position:relative;width:218px;margin:15px 0 16px;padding:10px 15px;background:none;color:#333;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;border:1px solid #aaa;border-radius:10px;resize:none;height:190px}.label{display:inline-block;background:#fff;box-shadow:0 0 3px #8b8b8b;padding:5px 8px;border-radius:10px;font-size:14px}.hidden-label{background:none;box-shadow:none;height:15px}.date{display:flex;justify-content:flex-end}.date p{font-size:14px;margin-bottom:5px}.colorPickerWrapper{display:inline-block;position:relative}.colorPickerWrapper input[type=color]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}label[for=colorPicker]{display:flex;background:#fff;padding:4px 12px;border-radius:100%;border:1px solid #ddd;cursor:pointer;margin-right:4px}label svg{width:15px;fill:#333}.box_newnote{position:fixed;display:flex;align-items:center;width:100%;padding:12px 0;background:#111;font-size:25px;font-weight:500;bottom:0;box-shadow:0 -10px 30px -5px #00000080;z-index:3}.arrow{display:none}.logout{width:20px}h5{color:#ff8500;text-shadow:0 0 5px #000;margin:0 30px;width:200px;text-align:center}.box_title_note{display:flex;width:100%}.title_new_note{border-radius:10px 0 0 10px;border-right:1px solid #888;width:200px}.description_new_note{border-radius:0;border-right:1px solid #888;min-width:250px;width:100%}.label_new_note{border-radius:0 10px 10px 0;width:150px}.box_newnote input{background:#444;padding:12px 15px;font-family:Arial,sans-serif;font-size:18px;margin:0}::placeholder{color:#eee}input:focus,textarea:focus{outline:none}.buttons_newnote{display:flex}.button_saveNote{width:130px;height:40px;background:#ff8500;color:#fff;font-size:18px;margin:0 30px;text-shadow:0 0 5px #000;line-height:20px;-webkit-user-select:none;user-select:none}.button_logout{width:50px;height:40px;background:#ff8500;margin:0 20px 0 0}button:hover{cursor:pointer;background:#fff;color:#000;text-shadow:none;box-shadow:0 0 5px #fff}.editing{z-index:2}@media screen and (max-width: 1150px){.box_newnote{flex-direction:column;padding:0;box-shadow:none;bottom:-216px}.arrow{position:absolute;display:inline-block;width:21px;fill:#fff;left:25px;bottom:234px}.box_title_note{flex-direction:column;align-items:center;margin-top:5px}.box_newnote input{margin:5px;border-radius:10px;width:80%;font-size:15px}.description_new_note,.title_new_note{border-right:none}h5{width:100%;margin:17px 30px 8px;font-size:18px}.box_newnote button{margin:10px 30px 15px;font-size:15px}.button_saveNote{width:110px}}@media screen and (max-width: 950px){.home_screen{margin-left:0}.menu_box{position:fixed;width:100%;height:52px;background:#111;z-index:1}.menu_box p{display:block;height:52px;line-height:52px;margin:0;text-align:center}.menu_desplegable{display:block;position:absolute;height:35px;width:50px;margin-top:10px;margin-left:6px}.menu_desp1,.menu_desp2,.menu_desp3{display:block;height:2px;width:40%;background:#ff8500;margin:6px auto}.menu_desp2{width:55%}.box_notes{width:100%;justify-content:center;margin-top:70px}.title_note{font-size:15px}.main_text,.date{font-size:14px}.delete_note svg{width:12px;padding-bottom:10px}.edit_note{height:351px}.note textarea{height:185px}}@media screen and (max-width: 651px){.box_notes{margin:70px 0 0}.note{width:75%}.edit_note{width:100%;height:393px}.edit_note input{width:75%}.note textarea{width:75%;height:228px}}.sidebar{position:fixed;display:flex;flex-direction:column;align-items:center;top:0;left:0;width:250px;height:100%;background:linear-gradient(0deg,#000000 10%,#363636 100%);font-size:20px;z-index:3!important}.button_closeSidebar{position:relative;display:none;width:15px;height:25px;padding:0 6px;top:15px;left:90px;background:#ca0000;fill:#fff;border-radius:4px}.sidebar .logo{margin-top:40px}.sidebar button{background:#ff8500;color:#fff;text-shadow:0 0 5px #000;font-size:16px;width:30px;padding:5px;margin:0}.sidebar li button{background:none;width:50px}.sidebar h5{width:250px;background:linear-gradient(270deg,#4e4e4e,#2e2e2e);color:#fff;padding:10px 0;font-size:22px;text-align:center;margin-bottom:35px}ul{position:relative;list-style-type:none;padding:0;margin:0;bottom:30px;width:100%}.showAllNotes{position:relative;display:flex;align-items:center;right:4px;color:#ffb565;font-size:18px;font-weight:500;margin-bottom:50px}.showAllNotes svg{width:20px;fill:#fff;margin-left:10px}.showAllNotes:hover{color:#fff;cursor:pointer;transition:.3s}li{display:flex;align-items:center;height:50px;padding:0 20px}li svg{display:flex;fill:#777;width:18px}li:hover{background:linear-gradient(190deg,#ff8500,#fa9931);text-shadow:0 0 5px #000;cursor:pointer}a{text-decoration:none;color:#eee}a:hover{color:#ff8500;text-shadow:0 0 1px #fff;transition:.5s}.button_editLabel:hover,.button_deleteLabel:hover,.saveEditedLabel:hover,.cancelEditingLabel:hover{box-shadow:none}.button_editLabel svg:hover,.button_deleteLabel svg:hover,.saveEditedLabel svg:hover,.cancelEditingLabel svg:hover{fill:#fff;transition:.5s}.sidebar .label{display:flex;justify-content:space-between;width:100%;background:none;box-shadow:none}.sidebar input{width:80%;margin-right:8px;background:#444}.box_label{width:100%;font-size:16px}.buttons_edit_delete{display:flex}.buttons_edit_delete .button_editLabel,.buttons_edit_delete .button_deleteLabel{width:40px;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width: 950px){.sidebar{left:-250px;z-index:1}.button_closeSidebar{display:block}.logo_ism{max-width:120px}.sidebar h5{margin:0 0 30px;font-size:20px}.showAllNotes{font-size:16px;right:0}li{height:40px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#222}body{margin:0}