*{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}}.contact-page{display:flex;gap:40px;padding:2rem 1rem;max-width:1080px;margin:auto}.contact-page .contact-left{flex:1;display:flex;flex-direction:column;gap:20px}.contact-page .contact-left h1{font-size:36px;color:var(--button)}.contact-page .contact-left p{font-size:16px;color:var(--text-soft)}.contact-page .contact-left p a{color:var(--button);text-decoration:none}.contact-page .contact-left p a:hover{text-decoration:underline}.contact-page .contact-right{flex:1}.contact-page .contact-right form{display:flex;flex-direction:column;gap:15px}.contact-page .contact-right form input,.contact-page .contact-right form textarea{padding:.75rem 1rem;border:1px solid var(--bg-soft);background:transparent;color:var(--text);font-size:16px}.contact-page .contact-right form input:focus,.contact-page .contact-right form textarea:focus{outline:none;border-color:var(--button)}.contact-page .contact-right form .btn{align-self:flex-start;background:var(--button);color:#fff;padding:.6rem 1.5rem;border:none;cursor:pointer;font-size:16px}.contact-page .contact-right form .btn:hover{background:var(--button)}@media (max-width: 768px){.contact-page{flex-direction:column;gap:30px}.contact-page .contact-left,.contact-page .contact-right{width:100%}}
