.projects{z-index:10;flex-wrap:wrap;justify-content:space-around;display:flex;position:relative}.project{text-align:center;background-color:#000;border-radius:12px;flex-direction:column;justify-content:center;width:calc(50% - 40px);max-width:280px;height:200px;margin:20px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 12px #0000001a}@media (min-width:768px){.project{width:calc(33.33% - 40px)}}@media (min-width:992px){.project{width:calc(25% - 40px)}}.project:hover{transform:translateY(-8px);box-shadow:0 12px 20px #0003}.overlay{color:#fff;opacity:0;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.project:hover .overlay{opacity:1}.title{color:#0000;background-image:linear-gradient(45deg,#d000ff,#ff33e0);-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:1.5rem;font-weight:700}.description{color:#fff;padding:0 15px;font-size:1rem;line-height:1.3}.view-more-button{z-index:10;text-align:center;margin-top:20px}.view-more-link{color:#fff;text-decoration:none;transition:all .2s ease-out}.view-more-link:hover{color:#ffffffa2}.view-more-link:after{content:" »"}