body {font-family: Arial, sans-serif;margin: 0;padding: 0;}.container {width: 100%;max-width: 1200px;margin: 0 auto;}.nav-bar {background-color: #333;overflow: hidden;}.nav-bar a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;}.nav-bar a:hover {background-color: #ddd;color: black;}.header {padding: 20px;text-align: center;}.header h1 {margin: 0;font-size: 2em;}.header p {font-size: 1.2em;}.author-info {display: flex;align-items: center;justify-content: center;margin-top: 20px;}.author-image {border-radius: 50%;width: 50px;height: 50px;margin-right: 10px;}.author-details {text-align: left;}.content {display: flex;justify-content: space-between;margin-top: 20px;}.main-content {width: 70%;padding: 20px;box-sizing: border-box;}.main-content .main-image {max-width: 100%;height: auto;display: block;margin: 0 auto;border-radius: 5px;}.ads {width: 30%;padding: 20px;box-sizing: border-box;background-color: #f4f4f4;}.ads {width: 30%;padding: 20px;box-sizing: border-box;background-color: #f4f4f4;}.ads .thumbnail{border-radius:20px;}.related-blogs {margin-top: 20px;padding: 20px;}.related-blogs .thumbnails {display: flex;flex-wrap: wrap;gap: 10px;}.thumbnail {flex: 1 1 calc(25% - 10px);box-sizing: border-box;}.thumbnail img {width: 100%;height: auto;}.thumbnail p {text-align: center;}.comments-section {margin-top: 20px;padding: 20px;}.comments-section h2 {margin-bottom: 20px;}.comment {display: flex;align-items: flex-start;margin-bottom: 20px;}.user-info {width: 20%;text-align: center;padding-right: 10px;box-sizing: border-box;}.user-image {border-radius: 50%;width: 50px;height: 50px;margin-bottom: 10px;}.user-comment {width: 80%;background-color: #f4f4f4;padding: 10px;border-radius: 5px;box-sizing: border-box;}@media (max-width: 768px) {.content {flex-direction: column;}.main-content, .ads {width: 100%;}.nav-bar a {float: none;width: 100%;text-align: left;}.header h1 {font-size: 1.5em;}.header p {font-size: 1em;}.author-info {flex-direction: column;text-align: center;}.author-image {margin: 0 0 10px 0;}.related-blogs .thumbnails {flex-direction: column;}.thumbnail {flex: 1 1 100%;}.comment {flex-direction: column;}.user-info, .user-comment {width: 100%;padding: 0;}.user-comment {margin-top: 10px;}}