nav{background-color:#007bff;color:#fff;padding:10px;text-align:center}h2{margin:0;font-size:24px}ul{list-style:none;padding:0;margin:10px 0}li{display:inline-block;margin-right:15px}a{color:#764848;text-decoration:none;font-size:18px}a:hover{text-decoration:underline}.quote-container{border:1px solid #ccc;border-radius:8px;margin:10px;padding:10px;box-shadow:0 4px 8px #0000001a;background-color:#fff}.text{font-size:18px;color:#333;margin-bottom:5px}.author{font-size:14px;color:#555;margin-bottom:10px}.button{padding:8px 16px;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer}.all-quotes-container{text-align:center;padding:20px}.quotes-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:space-around}.form-container{max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a}.form-group{margin-bottom:15px}.label{display:block;font-size:14px;margin-bottom:5px;color:#333}.input{width:100%;padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px}.textarea{width:100%;padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px;resize:vertical}.button{padding:10px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.container{max-width:600px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a}.title{font-size:24px;color:#333;margin-bottom:10px}.author{font-size:18px;color:#555}.edit-form{max-width:400px;margin:20px auto}label{display:block;margin-bottom:10px}input,textarea{width:100%;padding:8px;margin-bottom:15px;box-sizing:border-box}button{padding:10px 16px;margin-right:10px;cursor:pointer}.save-button{background-color:#28a745;color:#fff;border:none}.cancel-button{background-color:#dc3545;color:#fff;border:none}body{font-family:Arial,sans-serif;margin:0;padding:0}.container{max-width:800px;margin:20px auto;padding:20px;box-shadow:0 4px 8px #0000001a}
