body {padding: 0px;margin: 0px;background: #e6f2ff;font-family: 'Roboto', sans-serif;}
	.container {max-width:1200px;margin:0 auto;}
	h1 {color: #1891AC;font-size: 46px;letter-spacing: 1px; margin: 15px 0px;}
	.logo-top {color: #1891AC;font-size: 46px;letter-spacing: 1px; margin: 15px 0px;font-family: "Protest Strike", sans-serif;font-weight: 400;font-style: normal;margin:15px 0px;display:block;text-decoration:none;}
	.blog-content {margin-top:30px;}
	.menu ul {display:flex;list-style: none;padding-left:0px;background:#1891AC;}
	.menu ul li {padding:5px 15px;}
	.menu ul li a {text-decoration:none;color:#fff;}
	.menu ul li a:hover {text-decoration: underline;}
	.blog-list {margin-top:40px;}
	.post-summary .title {font-size:24px;color:#1891AC;}
	.post-summary .author {color:#333;font-size:12px;margin-top:5px;}
	.post-summary .date {color:#333;font-size:12px;margin-top:5px;}
	.post-summary .desc {font-size:16px;margin-top:10px;line-height:24px;color:#000;}
	.post-summary {display:flex;gap:24px;align-items:center;margin-bottom:24px;}
	.post-summary a {width:50%;text-decoration:none;}
	.post-summary .post-image {max-width:100%;}

	.post-content {font-size:16px;line-height:24px;color:#000;margin-bottom:50px;}
	.content-link {color:#1891AC;text-decoration:none;}
	.content-h2 {margin-bottom:10px;}
	.content-block {display:flex;gap:24px;}
	.content-block img {max-width:250px;aspect-ratio:1/1;}
	img {max-width:100%;}

@media (max-width: 991px) {
    .container {
        padding: 0px 15px;
    }

	@media (max-width:750px) {
	}

	@media (max-width:600px) {
		.content-block {flex-wrap:wrap;}
		.flip {flex-direction: column-reverse;}
	}

	@media (max-width:450px) {
		.post-summary {flex-wrap:wrap;}
		.post-summary a {width:100%;}
	}