*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%}body{font-family:Arial,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;height:100%}a{transition:color .3s ease}p{margin-bottom:.5em}p code{background-color:var(--codeBgClr);padding-inline:7px;font-size:1.2em}header{background-color:var(--bgClrDark);color:var(--txtClrLight)}.innerHeader{display:flex;align-items:center;background-color:var(--bgClrDark);color:var(--txtClrLight);padding:10px 0;max-width:var(--containerWidth);margin-inline:auto}header img{height:50px;margin-right:20px}header nav{flex-grow:1}header nav ul{list-style:none;display:flex;justify-content:flex-start;padding-left:1em}header nav ul li{margin-right:20px}header nav ul li a{color:var(--txtClrLight);text-decoration:none}header nav ul li a:hover{color:var(--linkHover)}main{padding:20px}.siteTitle{max-width:var(--containerWidth);padding:1em 0;margin-inline:auto}.containerHeader,.page-content{max-width:var(--containerWidth);margin-inline:auto}.page-content{margin-bottom:1em}.article-container{display:flex;flex-wrap:wrap;gap:20px;max-width:var(--containerWidth);margin-inline:auto}.posts-recent{margin-bottom:.5em}.article-card{border:1px solid var(--borderClr);border-radius:5px;overflow:hidden;min-width:300px;max-width:32%;box-sizing:border-box;transition:box-shadow .3s ease}.article-card:hover{box-shadow:0 0 10px var(--bgClrPaginationBg)}.article-card-click:hover{cursor:pointer}.article-card img,.article-card-single img{max-width:100%;height:auto}.img25{width:calc(25% - .5em)}.img50{width:calc(50% - .5em)}.article-card .content{padding:15px}.article-card .content h2 a,.moreLink{text-decoration:none;color:var(--txtClrHeader)}.article-card .content h2 a:hover,.moreLink:hover{color:var(--linkHover)}.article-card .content h2{margin-top:.5em}.article-container-single{max-width:var(--containerWidth);margin-inline:auto}.article-card-single{border:1px solid var(--borderClr);border-radius:5px;overflow:hidden;flex:1;box-sizing:border-box;width:100%}.article-card-single .content,.article-card-single .card-header{padding:1em}.article-card-single .card-header h1{margin-top:1em}.article-card-single .card-header h1::after{content:"";display:block;width:100%;height:1px;background-color:var(--bgClrPaginationBg);margin-top:5px}.article-card-single .card-header ul{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.article-card-single hr{margin-bottom:1em;color:var(--bgClrDark)}.article-card-single .content ul,.article-card-single .content ol,.article-card .content ul,.article-card .content ol{margin:1em 0;padding:0 0 0 2.5em}.article-card .content li img,.article-card-single .content li img{margin-top:.5em}.highlight pre{padding:.8em .5em;margin-top:1.5em;margin-bottom:1.5em;white-space:pre;overflow:auto}.card-post-meta li{list-style-type:none;padding:.1em .5em}.card-post-meta li:first-child{border:none}.content p{margin-bottom:.5em}.content h2{margin-top:1.5em;margin-bottom:.5em}.content h3,.content h4,.content h5{margin-top:1.3em;margin-bottom:.5em}footer{background-color:var(--bgClrDark);color:var(--txtClrLight);padding:1.5em .6em 1em}footer a{color:var(--txtClrLight);text-decoration:none}footer a:hover{color:var(--linkHover)}footer p{margin:0}.foot-meta{margin:3px;padding:1em}.footer-content{display:flex;gap:40px;max-width:var(--containerWidth);margin-inline:auto;justify-content:space-between}.footer-content li{list-style:none;padding-block:5px}.footer-copyright{display:flex;flex-direction:column;justify-content:space-between}.footer-middle{display:flex;flex-direction:column;justify-content:end}.ext-link{font-size:.7em;vertical-align:middle}.tag-list,.tag-page-list{padding:.5em 0 .8em}.tag-inline-list{display:flex;gap:10px;flex-wrap:wrap}.tag-inline-list span:first-child{font-size:1.2em;height:1.2em}.tag-inline-list span:first-child img{height:100%}.tag,.category{background-color:var(--tagBgClr);color:var(--tagClr);padding:5px 10px;border-radius:5px;font-size:14px;text-decoration:none;transition:background-color .3s ease;outline:1px solid var(--linkHover)}.tag:hover{background-color:var(--tagBgClrHover)}.tag-page-list{display:flex;flex-wrap:wrap;gap:20px}.tag-page-list a,.tag a{text-decoration:none;color:var(--tagClr)}.image-container{position:relative;display:inline-block}.image-container img{display:block;width:300px}.category-text{position:absolute;top:1em;left:1em;color:--txtClrLight;background-color:rgba(0,0,0,.5);padding:10px 12px;font-size:14px;border-radius:8px}.category-count{position:absolute;bottom:1em;right:1em;color:--txtClrLight;background-color:rgba(0,0,0,.5);padding:8px;font-size:18px;border-radius:8px}.social{padding:2em 0}.social ul{display:flex;justify-content:center;gap:1em}.social ul li{list-style:none;padding:8px;border-radius:50%;transition:background-color .3s ease}.social ul li:hover{background-color:var(--linkHoverLight)}.social .icon{width:1.4em;height:1.4em;vertical-align:bottom}.pagination{display:flex;justify-content:center;gap:1em;margin-top:2em}.pagination li{list-style:none}.pagination li a{text-decoration:none}.pagination button{padding:.3em 1em;border-radius:.5em;background-color:var(--bgClrDark);color:var(--txtClrLight);transition:background .3s ease}.pagination button:hover{background-color:var(--linkHover);cursor:pointer}nav.pagination{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:center;margin-inline:2em}nav.pagination .previous-page{text-align:left}nav.pagination .previous-page button,nav.pagination .next-page button{border:none;padding:.5em 1.2em;vertical-align:middle;outline:1px solid var(--linkHover)}nav.pagination .next-page{text-align:right}.page-item{border:1px solid var(--borderClr);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:var(--bgClrDark);color:var(--txtClrLight)}.page-link{color:inherit}.page-item:hover{background-color:var(--linkHover)}.page-item.active:hover{background-color:var(--bgClrPaginationBg)}.page-item.disabled,.page-item.active{background-color:var(--bgClrPaginationBg);color:var(--borderClr);cursor:not-allowed}note,warning,success,error{display:block;white-space:pre-wrap;padding:20px;margin-top:1em;margin-bottom:1em;border-radius:5px;margin-left:auto;margin-right:auto;width:calc(100%-1px)}note{background-color:#448aff1a;border:1px solid #448aff;border-left:8px solid #448aff;color:#000}warning{background-color:#ff91001a;border:1px solid #ff9100;border-left:8px solid #ff9100;color:#000}success{background-color:#64dd171a;border:1px solid #64dd17;border-left:8px solid #64dd17;color:#000}error{background-color:#ff52521a;border:1px solid #ff5252;border-left:8px solid #ff5252;color:#000}.content table{margin-block:1.5em;border-collapse:collapse}.content table thead tr{color:var(--tagClr);background-color:var(--linkHover)}.content table td,th{border-block:1px solid var(--borderClr);padding-block:5px;padding-inline:12px}@media only screen and (max-width:768px){.social ul{display:grid;grid-template-columns:auto auto auto;justify-content:center;gap:1em}.footer-content{flex-direction:column;gap:10px}footer a{font-size:24px}.innerHeader img{padding-left:1em}.img25{width:100%}.img50{width:100%}}