.blog-container{max-width:800px;margin:5px auto auto auto;background:#fff;box-shadow:0 4px 8px rgb(0 0 0 / .1);border-radius:8px;overflow:hidden}.blog-header img{width:50%;max-height:50vh}.blog-header{padding:20px;text-align:center}.blog-header h1{font-size:2.2rem;color:#222;margin:10px 0}.blog-meta{font-size:.9rem;color:#666}.blog-meta .author{font-weight:700;color:#007BFF}.blog-meta .date{font-style:italic}.blog-content{padding:25px;font-size:1rem;color:#444}.blog-content p{margin-bottom:1em;line-height:1.8}.blog-footer{text-align:center;padding:20px;background-color:#f1f1f1;border-top:1px solid #ddd}.back-button{text-decoration:none;color:#007BFF;font-weight:700;transition:color 0.3s}.back-button:hover{color:#0056b3}@media (max-width:750px){.blog-header img{height:auto}}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:5px;text-decoration:none;font-size:16px;font-weight:700;transition:background-color 0.3s ease,transform 0.2s ease}.share-btn i{font-size:18px}.share-btn.facebook{background-color:#4267B2}.share-btn.facebook:hover{background-color:#365899;transform:scale(1.05)}#blog{margin:2rem auto;padding:2rem;border-radius:10px;background:linear-gradient(135deg,#ffffff,#f0f8ff);box-shadow:0 8px 15px rgb(0 0 0 / .2);font-family:'Arial',sans-serif;color:#333}#blog label{font-weight:700;margin-bottom:.5rem;display:inline-block;font-size:1rem;color:#444}#blog input,#blog .button{width:100%;padding:.75rem;margin-bottom:1.25rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;font-family:'Arial',sans-serif;transition:0.3s}#blog input:focus{border-color:#3498db;box-shadow:0 0 5px rgb(52 152 219 / .5);outline:none}#blog .button{width:fit-content;background-color:#3498db;color:#fff;font-weight:700;cursor:pointer;border:none;transition:all 0.3s ease}#blog button:hover{background-color:#2980b9;box-shadow:0 5px 10px rgb(0 0 0 / .2)}.keyword-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}#keyword-input{flex:1;border:1px solid #ddd;padding:.5rem;border-radius:5px;font-size:.9rem}.keyword-container .keyword{background-color:#3498db;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.keyword-container .keyword button{background:#fff0;border:none;color:#fff;font-weight:700;cursor:pointer;font-size:1rem}.keyword-container .keyword button:hover{color:#e74c3c}#image{border:none;background-color:#f9f9f9}#image::-webkit-file-upload-button{background-color:#3498db;color:#fff;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background 0.3s}#image::-webkit-file-upload-button:hover{background-color:#2980b9}@media (max-width:768px){#blog{padding:1rem}#blog input,#blog button{font-size:.9rem}}