*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif;letter-spacing:1px}body{background:var(--bg);color:var(--text)}body a{text-decoration:none;color:inherit}body img{width:100%;height:100%;object-fit:cover;display:block}body ol,body ul{margin-left:30px}body .block{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--bg-soft);height:200px;width:100%;flex-direction:column}body .container{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;max-width:920px;margin:auto;gap:50px}body .container footer{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--text);height:50px;border-top:1px solid var(--bg-soft)}#logo{height:12rem;width:100%;display:flex;align-items:center;justify-content:center}#logo img{width:12rem}@media (max-width: 1024px){body .container{padding:0 1rem}body .container .blogs .post--list .post{flex-direction:column}body .container .blogs .post--list .post .image--container,body .container .blogs .post--list .post .content--container{width:100%}body .container .blogs .post--list .post .image--container{height:250px}body .container .blogs .post--list .post .image--container img{height:100%}body .container .single--blog--page .single--top--head{flex-direction:column}body .container .single--blog--page .single--top--head .single--head--right{height:300px}body .container .single--blog--page .single--top--head .single--head--left h1{font-size:28px}}@media (max-width: 1080px){.single--blog--page{width:90vw}}@media (max-width: 768px){body .container .blogs .post--list .post .content--container h1{font-size:18px}body .container .blogs .post--list .post .content--container p{font-size:13px}body .container .single--blog--page{width:80vw}body .container .single--blog--page .single--top--head{gap:20px}body .container .single--blog--page .single--top--head .single--head--left h1{font-size:24px}body .container .single--blog--page .single--top--head .single--head--right{height:250px}body .container .single--blog--page .content{font-size:14px;line-height:28px;width:100%}body .container footer{flex-direction:column;gap:5px;height:auto;padding:1rem 0;text-align:center}}@media (max-width: 480px){body .container .blogs .post--list .post{gap:20px}body .container .blogs .post--list .post .image--container{height:200px}body .container .blogs .post--list .post .image--container img{height:100%}body .container .single--blog--page{width:100%}body .container .single--blog--page .single--top--head .single--head--left h1{font-size:20px}body .container .single--blog--page .single--top--head .single--head--right{height:200px}body .container .single--blog--page .content{font-size:13px;line-height:26px;width:100%}body .container .single--blog--page .content table{font-size:.85rem}body .container .single--blog--page .content table th,body .container .single--blog--page .content table td{padding:.5rem}body .container .post-card{height:fit-content}}.blogs{display:flex;flex-direction:column;gap:30px}.blogs .search-wrapper{margin-bottom:20px}.blogs .search-wrapper input{width:100%;padding:.6rem 1rem;font-size:16px;border:1px solid var(--bg-soft);background:var(--bg-soft);color:var(--text);outline:none;border-radius:8px}.blogs .pagination{display:flex;gap:10px;justify-content:center;margin:40px 0}.blogs .pagination .page-link{padding:.4rem .8rem;border:1px solid var(--bg-soft);background:var(--bg-soft);color:var(--text);text-decoration:none;border-radius:4px}.blogs .pagination .page-link.active{background:var(--button);color:var(--bg);font-weight:700}.blogs .post--list{display:flex;flex-direction:column;gap:50px}.blogs .post--list hr{background-color:var(--bg-soft);border:none;height:2px}.blogs .post--list .post{display:flex;flex-direction:row-reverse;gap:50px;justify-content:space-between}.blogs .post--list .post .image--container{flex:1;height:200px;width:100%;overflow:hidden;border-radius:8px}.blogs .post--list .post .image--container img{width:100%;height:100%;object-fit:cover}.blogs .post--list .post .content--container{flex:2;display:flex;flex-direction:column;justify-content:center;gap:10px}.blogs .post--list .post .content--container h1{color:var(--text);font-size:22px}.blogs .post--list .post .content--container p{color:var(--text-soft);font-size:small}.blogs .post--list .post .content--container .categories{display:flex;gap:10px;flex-wrap:wrap}.blogs .post--list .post .content--container .categories .category{background:var(--bg-soft);padding:.4rem 1rem;font-size:14px;flex-wrap:wrap;border:1px solid var(--bg-soft);border-radius:8px}