.megaContainerForBlogArticles{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:20px;padding-top:20px}.whole-blog-page-container{padding-top:10px}.blog-page-heading{color:var(--avocado-brown);font-size:35px;text-align:center;white-space:pre-wrap;margin-bottom:10px;margin-top:0;font-weight:900;text-transform:uppercase;padding:0 30px}.tags-container{display:flex;flex-wrap:wrap;margin-right:10px;margin-left:10px;margin-bottom:10px;justify-content:center}.blog-section-heading-container{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.blog-tagline-container{text-align:center;max-width:350px;white-space:pre-wrap;margin-left:10px;border:2px solid #0ab200;border-right:none;border-left:none;padding:5px 10px}.available-article-tag{border:none;padding:5px 6px;cursor:pointer}@media only screen and (max-width:965px){.blog-section-heading-container{flex-direction:column}}.tags-and-blog-section-conteainer{display:flex;flex-direction:column;align-items:center}.filters-container{position:sticky;top:0;background-color:var(--avocado-light-yellow);z-index:1;width:100%;padding-bottom:10px}.filters-container-tag-selected{display:flex;align-items:center;justify-content:space-evenly;gap:15px}@media only screen and (max-width:575px){.filters-container-tag-selected{flex-direction:column}}.tags-group .tags-header{display:flex;justify-content:flex-start;align-items:center;cursor:pointer;user-select:none;font-size:18px;margin-top:13px}.tags-group .toggle-icon{line-height:1;display:flex;align-items:center}.tags-group .filter-buttons{max-height:25vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.blog-page-heading-centering{align-items:center;justify-content:center;display:inline-flex;border:3px solid #000;border-top:none!important;border-radius:.5rem}.tags-group .filter-buttons{transition:max-height .3s ease,opacity .3s ease}.filter-group{font-size:18px}.filter-group h4{margin-bottom:15px;margin-top:10px;color:var(--article-header-text-color)}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:.4rem .8rem;border:2px solid black;border-radius:.5rem;background:var(--avocado-light-green);cursor:pointer;transition:background .2s,box-shadow .2s;font-size:13px;font-weight:600}.filter-btn:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.clear-filters-btn{padding:.4rem .8rem;border:none;background:#e74c3c;color:#fff;border-radius:.5rem;cursor:pointer;align-self:flex-end;margin-left:15px}.clear-filters-btn:hover{background:#c0392b}
