.tools{display:grid;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);grid-gap:calc(var(--grid-gap)*1px);margin:0;padding:0;@media screen and (max-width:900px){&{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){&{grid-template-columns:1fr}}}.card{border-radius:20px;list-style-type:none;margin:0;overflow:hidden;.link{display:flex;flex-direction:column;height:100%;width:100%}.background{aspect-ratio:475/267;background-size:cover;flex:0}.texts{background:var(--texts-bg-default);flex:1 1 100%;padding:20px;text-align:center;transition:background .5s}&:hover .texts{background:var(--texts-bg-hover)}.heading{color:var(--heading-color);font-size:28px;font-weight:700;margin:0 0 10px}}