body{background-color:#f5ece0}.loader{z-index:10;color:#815e03;background-color:#ffffffe6;border-radius:20px;padding:10px 20px;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000001a}.notes-container{margin:0;padding:0}ul{margin:0;padding:0;list-style:none}#add-div{text-align:center;color:#333;justify-content:center;margin:0 20%;padding:30px;font-family:sans-serif;line-height:1.6;display:flex}#add-div button{color:#ffebcd;background-color:#2d6400;flex:1;padding-top:5px;padding-bottom:5px;font-size:20px}#edit-div{text-align:left;color:#333;background-color:#b2d437;border-style:solid;border-width:2px;flex-direction:column;justify-content:space-evenly;gap:10px;margin:20px 20%;padding:15px 30px;font-family:sans-serif;line-height:1.6;display:flex}#edit-div .buttons{justify-content:space-evenly;gap:10px;display:flex}#edit-div button{color:#ffebcd;background-color:#2d6400;flex:1;padding-top:5px;padding-bottom:5px;font-size:20px}#edit-div button:hover,#add-div button:hover{background-color:#aca903}input{background-color:#fffeab}#text_input_new_title{font-size:xx-large}#text_input_new_author{font-size:large}#text_input_new_note{font-size:25px}#save-div{text-align:center;color:#910505;justify-content:center;margin:0 20%;padding:30px;font-family:sans-serif;line-height:1.6;display:flex}.pagination{justify-content:center;display:flex}.pagination li button{color:#000;background-color:#fff;border:1px solid gray;border-radius:5px;margin:1px;padding:5px;font-size:x-large;display:block}.pagination li button:disabled{background-color:#d3d2d2}.pagination li button:disabled.active{background-color:#aca903;font-weight:700}.note{text-align:left;color:#333;background-color:#b2d437;border-style:solid;border-width:2px;margin:20px 20%;padding:15px 30px;font-family:sans-serif;line-height:1.6}.note h2{margin-bottom:10px;font-size:xx-large;text-decoration:underline}.note .proccessing{color:#910505;justify-content:center;text-decoration:none;display:flex}.note small{font-size:large;display:block}.notes-container{min-height:800px;position:relative}.note p{margin-top:10px;margin-bottom:10px;padding:0;font-size:25px}.source{padding:0 50px;font-size:large}.note .buttons{justify-content:space-evenly;gap:10px;margin-top:10px;margin-bottom:10px;display:flex}.note button{color:#ffebcd;background-color:#2d6400;flex:1;padding-top:5px;padding-bottom:5px;font-size:20px;display:inline-block}.note button:hover{background-color:#aca903}.note textarea{background-color:#fffeab;width:100%;height:160px;font-size:20px}#notification-div{justify-content:center;display:flex}