.author,.shortt p{color:#fff!important}.alls{position:relative;width:100%;max-width:550px;height:350px;max-height:450px;overflow:hidden;margin:auto}.alls .date,.alls .des{color:#fff!important}.alls img{width:100%;height:100%;object-fit:cover}.alls .blog-data{position:absolute;left:0;bottom:0;width:100%;height:30%;max-height:30%;background-color:rgba(0,0,0,.5);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;box-sizing:border-box;overflow:hidden;transition:height .5s ease,background-color .5s ease}.alls .blog-data:hover{background-color:rgba(0,0,0,.3);height:100%;max-height:100%}.alls .blog-data .des,.alls .blog-data .link{display:none}.alls .blog-data:hover .des,.alls .blog-data:hover .link{display:block}.alls .blog-data h1,.alls .blog-data p{margin:0}.alls .blog-data:hover{transform:translateY(0)}@media (max-width:768px){.alls{height:250px}.alls .blog-data{height:40%;max-height:40%}.alls .blog-data .dess,.alls .blog-data:hover .des{display:none}.alls .blog-data:hover .dess{display:block}.alls .dess{color:#fff!important}}@media (max-width:480px){.alls{max-width:100%;height:250px}.alls .blog-data{padding:10px;height:40%;max-height:40%;transform:translateY(0)}.alls .blog-data h1{line-height:1.5!important;font-size:20px!important}}