.homepage-container{min-height:100vh;display:flex;justify-content:center;gap:2.5rem;padding-left:1rem;padding-right:1rem}.homepage-left{width:20%;border-right:1px solid #d1d5db;padding-right:1rem}.homepage-middle{width:50%;padding:0 1rem}.homepage-right{min-width:25%;padding-left:1rem;padding-top:.75rem;border-left:1px solid #d1d5db}.tag{background-color:#f3f4f6;padding:.4rem .8rem;border-radius:999px;cursor:pointer;transition:all .2s ease;color:#1f2937}.tag:hover{background-color:#e5e7eb}.tag.active{background-color:#000;color:#fff}.blog-post-card{border-bottom:1px solid #e5e7eb;padding-bottom:1.25rem;margin-bottom:1rem;display:block;transition:opacity .15s ease}.blog-post-card:hover{opacity:.85}html.dark .homepage-left{border-right-color:#3a3a37}html.dark .homepage-right{border-left-color:#3a3a37}html.dark .blog-post-card{border-bottom-color:#3a3a37}html.dark .tag{background-color:#2b2b29;color:#cbd5e1}html.dark .tag:hover{background-color:#3a3a37}html.dark .tag.active{background-color:#e2e8f0;color:#262624}@media screen and (min-width:1024px){.homepage-left{width:20%}.homepage-right{width:25%}.quiz-right{display:none}}@media screen and (min-width:769px) and (max-width:1023px){.homepage-left{display:none}.homepage-middle{width:65%}.homepage-right{width:35%}.homepage-container{gap:1.5rem;padding-left:1rem;padding-right:1rem}}@media screen and (max-width:768px){.homepage-container{flex-direction:column;gap:1rem;padding:1rem;justify-content:flex-start}.homepage-left{display:none}.homepage-middle{width:100%;padding:0}.homepage-right{display:none}}