.project_list{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}.project_list .card{flex:1 0 300px;border:1px solid #e1e1e1;border-radius:5px;background-color:#fff}.project_list .card a{position:relative}.project_list .card a .layer{background:transparent;height:100%;width:100%;position:absolute;top:0;left:0;transition:.5s}.project_list .card a .layer:hover{background:rgba(105,90,166,.7)}.project_list .card a .layer:hover h3{opacity:1;bottom:49%}.project_list .card a .layer h3{text-transform:uppercase;width:100%;font-weight:500;color:#fff;font-size:26px;text-align:center;bottom:0;left:50%;transform:translate(-50%);position:absolute;opacity:0;transition:.5s;margin-bottom:0;letter-spacing:4px}.project_list .card .image_container{width:100%;margin:auto;padding:10px;height:165px}.project_list .card .text_container{padding:10px;border-top:1px solid #e1e1e1;display:flex;flex-direction:column;justify-content:space-between;min-height:123px}.project_list .card .text_container h4{color:#463d3d;font-size:1.2vw;font-weight:500;text-transform:capitalize;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100ch;margin-bottom:10px}.project_list .card .text_container span{font-size:.9vw;text-transform:capitalize}.project_list .card .text_container h5{color:#463d3d;font-weight:400;text-transform:capitalize;margin-top:10px}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;transition:.2s linear}html{font-size:16px}body{font-family:Poppins,sans-serif;color:#463d3d}img{max-width:100%;object-fit:cover;width:100%;height:100%}a{color:inherit}body::-webkit-scrollbar-track{background-color:#fff}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-thumb{background-color:#695aa6}h3{font-size:2vw;margin-bottom:10px;font-family:Gudea,sans-serif;font-weight:100}h1{font-size:3vw;margin-bottom:10px;font-family:Gudea,sans-serif}p{font-size:3vw;margin-bottom:10px;font-weight:200}