.blog-archive{margin-top:20px}.archive-header{margin-bottom:20px}.archive-header h1{color:#fff;text-align:center;border-bottom:4px solid #ED0080;border-radius:20px;font-size:25px;font-weight:700;padding-bottom:10px}.articles{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,350px))}.articles p{color:#fff}.articles .article{display:grid;background:rgb(255 255 255 / .05);border-radius:20px;border:1px solid #ffffffa1;transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden}.articles .article:hover{transform:translateY(-10px);box-shadow:0 15px 25px rgb(0 0 0 / .2)}.articles .article .article-thumbnail{margin:0}.articles .article .article-thumbnail img{width:100%;height:auto}.articles .article .article-meta{display:flex;align-items:center;color:#fff;justify-content:space-between;padding:0 15px;margin-top:10px}.articles .article .article-meta .post-date{display:flex;align-items:center;gap:10px}.articles .article .article-meta .post-date svg{width:24px;height:24px}.articles .article .article-meta .author-name{font-weight:700;display:flex;align-items:center;gap:10px}.articles .article .article-meta .author-name svg{width:24px;height:24px}.articles .article .post-title{padding:0 15px;font-size:25px;margin-top:10px}.articles .article .post-title a{color:#fff;text-decoration:none;transition:color 0.3s ease}.articles .article .post-title a:hover{color:#ff4081}.pagination{margin:20px 0;text-align:center}.pagination .page-numbers{display:inline-block;margin:0 5px;padding:10px 15px;background:#fff;color:#ED0080;border-radius:5px;text-decoration:none}.pagination .page-numbers:hover{background:#ED0080;color:#fff}.pagination .current{background:#ED0080;color:#fff;font-weight:700}.pagination h2.screen-reader-text{display:none}@media only screen and (max-width:900px){.articles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}