.pagination{display:flex;justify-content:center;margin:20px 0}.page-link{padding:8px 16px;margin:0 5px;text-decoration:none;color:#333;background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px}.page-link:hover{background-color:#ddd}.article-list{display:flex;flex-wrap:wrap;justify-content:space-around}.blogcard{width:350px;margin:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s;max-width:100%}.blogcard:hover{transform:scale(1.05)}.blogcard img{width:100%;height:200px;object-fit:cover}.blogcard-content{padding:15px}.blogcard-content p{padding:15px;font-size:10pt;color:#999}.blogcard h2{margin:20px 10px;font-size:1rem}.blogcard h2 a{text-decoration:none;color:#333}.blogcard p{color:#555}h1.pagetitle{text-align:center;margin:20px 10px}article blockquote{background-color:#eee;padding:20px;border-radius:5px;margin:0}article{max-width:1000px;text-align:justify;text-justify:inter-word;display:block;margin:auto;padding:5px}article .imgcontainer{width:100%;aspect-ratio:8/6;object-fit:contain}article img{max-width:100%;margin:20px auto;display:block;aspect-ratio:8/6;object-fit:contain}.blog-footer{background-color:#eee;padding:20px;border-radius:5px;margin:10px auto;text-align:center;max-width:1000px;display:block;width:100%}ol.breadcrumb{padding:5px 10px;list-style:none}ol.breadcrumb li{display:inline;font-size:8px;color:#999}ol.breadcrumb li+li:before{padding:8px;color:#000;content:"/\00a0"}ol.breadcrumb li a{color:#999;text-decoration:none}ol.breadcrumb li a:hover{color:#205380}