.blog-page{display:flex;justify-content:center;min-height:80vh}.blog-page section{display:flex;gap:30px;flex-wrap:wrap;padding-top:100px}.blog-page section .card{background-color:#b6a771;border:black 2px solid;border-radius:10px;color:#fff;display:block;cursor:pointer;width:300px;height:300px;margin-bottom:15px;box-sizing:border-box;display:inline;justify-content:space-around;align-items:center;text-decoration:none}.blog-page section .card .img-container{width:100%;height:55%;position:relative}.blog-page section .card .img-container img{width:100%;height:100%}.blog-page section .card .img-container .gradient{position:absolute;background-image:linear-gradient(180deg,#0000 50%,#b6a771);top:0;left:0;width:100%;height:100%}.blog-page section .card:hover{background-color:#a7996b}.blog-page section .card:hover .gradient{background-image:linear-gradient(180deg,#0000 50%,#a7996b)}.blog-page section .text{padding:25px}.blog-page section .text h3,.blog-page section .text p{margin-top:0;margin-bottom:5px}.blog-page section .text h3{font-size:26px}