.ras{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.box-tech{position:relative;width:280px;height:350px;background-color:#3f3f3f;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:0;border-radius:10px;transition:all .3s ease-in-out;box-shadow:0 4px 10px rgba(0,0,0,.5)}.box-tech:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(255,255,255,.3)}.content img{width:140px;transition:all .3s ease-in-out;filter:grayscale(100%) brightness(75%)}.box-tech:hover img{width:60px;filter:none;text-align:center}.content p{font-size:1.8em;font-weight:700;color:#fff;text-transform:;margin:1em 0 0;transition:color .3s ease-in-out;text-align:center}.desc{display:none;text-align:center}.box-tech:hover .desc{display:block;animation:fadeIn .3s ease-in-out}.desc .line{border-top:1px solid #fff;width:50px;margin:.5em auto}.desc p{font-size:.9em;font-weight:600;color:#ccc}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}ul.a{list-style-position:outside;text-align:left;color:#fff}