*{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}}.homepage{display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;background-image:url(/bg.webp);min-height:400px;border-radius:5px}.homepage .intro{max-width:700px;display:flex;flex-direction:column;gap:20px}.homepage .intro h1{font-size:40px;color:var(--button)}.homepage .intro p{font-size:18px;color:#d2d7d0;line-height:1.8}.homepage .intro .actions{display:flex;justify-content:center;gap:20px;margin-top:1.5rem}.homepage .intro .actions .btn{padding:.6rem 1.5rem;font-size:16px;border:none;text-decoration:none;cursor:pointer;color:var(--bg);background:var(--button);transition:background .3s;border-radius:8px}.homepage .intro .actions .btn:hover{background:var(--button)}.homepage .intro .actions .btn.secondary{background:transparent;border:1px solid var(--button);color:var(--button)}.homepage .intro .actions .btn.secondary:hover{background:var(--button);color:var(--bg)}@media (max-width: 768px){.homepage{min-height:600px}.homepage .intro h1{font-size:28px}.homepage .intro p{font-size:15px}.homepage .intro .actions{flex-direction:column;gap:10px}.homepage .intro .actions .btn{width:100%}}.latest-posts{margin:2rem auto;padding:2rem;max-width:1100px}.latest-posts h2{text-align:center;font-size:32px;margin-bottom:2rem;color:var(--button)}.latest-posts .post-cards{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 880px){.latest-posts .post-cards{flex-direction:column}}.latest-posts .post-cards .post-card{border-radius:12px;overflow:hidden;transition:transform .2s ease;width:47%;height:fit-content;margin:0 auto}@media (max-width: 880px){.latest-posts .post-cards .post-card{width:100%}}.latest-posts .post-cards .post-card:hover{transform:translateY(-6px)}.latest-posts .post-cards .post-card .card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.latest-posts .post-cards .post-card .card-link .thumbnail{width:100%;height:15rem;object-fit:cover;border-radius:12px}.latest-posts .post-cards .post-card .card-link .card-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.latest-posts .post-cards .post-card .card-link .card-content .meta{font-size:14px;color:var(--text-soft)}.latest-posts .post-cards .post-card .card-link .card-content h3{font-size:18px;color:var(--text);margin:.5rem 0}.latest-posts .post-cards .post-card .card-link .card-content .excerpt{font-size:15px;color:var(--text-soft);line-height:1.5}.latest-posts .btn.view-all{margin-top:2rem;display:block;width:fit-content;margin-left:auto;margin-right:auto;background:var(--button);color:var(--bg);padding:.6rem 1.5rem;border-radius:8px;text-decoration:none}.latest-posts .btn.view-all:hover{background:var(--button)}
